/*===================================================================================*/
/*	GENERAL
/*===================================================================================*/

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

span , p , h1 , h2 , h3 , h4 , h5 , h6 , b , font{font-family:microsoft yahei !important;}
.news_content p,.news_content h1,.news_content h2,.news_content h3,.news_content div,.news_content span{line-height:1.8em;text-align:left;margin-bottom:10px !important;}

:focus {
    outline: 0 !important;
}
figure {
    margin: 0;
    padding: 0;
}
figure img {
    width: 100%;
    height: auto;
}

img[src*=".svg"] {
	height: 100%; 
}
iframe {
    border: none;
}
* > p:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
::selection {
    background: #AAF2E4; /* Safari */
    color: #506A85;
}
::-moz-selection {
    background: #AAF2E4; /* Firefox */
    color: #506A85;
}
html:not(.no-csstransitions) main [class*="col-"] {
	opacity:1; /* Hide content for animations on scroll in scripts.js */
}
body {
	font: 14px/1.5 arial,microsoft yahei,simsun,simhei,sans-serif ;
    /*font-family: 'Source Sans Pro', sans-serif;*/
    background-color:#fafafa;
    color: #666;
    font-size: 15px;
	line-height: 180%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
	/*-moz-osx-font-smoothing: grayscale;*/
	text-rendering: optimizeLegibility;
	overflow-x: hidden !important;
}
.skrollr body {
	height: auto !important;
}
/*iframe{top:73%!important}*/
/***********************************************/
.navbar,
#fufu_index main {
	background-color:#fafafa;
}
/***********************************************/
.container {
    padding-right: 0;
    padding-left: 0;
}
p {
	margin-bottom: 20px;
}
p a {
	border-bottom:0px solid #73879C;
}
p a:hover {
	border-color: transparent;
}
a {
    color: inherit;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
a:hover,
a:focus {
    color: #53afff;
    text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "microsoft yahei","Helvetica Neue", Helvetica, Arial;
    /*font-weight: 700;*/
	letter-spacing: 0.025em;

    margin-top: 0;
	/*word-wrap: break-word;*/
}
h1 {
    font-size: 36px;
    line-height: 130%;
    margin-bottom: 25px;
}
h2 {
    font-size: 26px;
    line-height: 130%;
    margin-bottom: 20px;
}
h3 {
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 15px;
	color:#333;
}
h4 {
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 15px;
}
h5 {
    font-size: 14px;
    line-height: 160%;
    margin-bottom: 13px;
}
h6 {
    font-size: 12px;
    line-height: 160%;
    margin-bottom: 10px;
}
/*a .logo {
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}*/
a:hover .logo {
	opacity: .6;
}
a.green:hover {
    background: #53afff !important;
}
a.blue:hover {
    background: #3F8DBF !important;
}
a.red:hover {
    background: #FA6C65 !important;
}
a.orange:hover {
    background: #F27A24 !important;
}
a.golden:hover {
    background: #9B59B6 !important;
}
a.pink:hover {
    background: #D487BE !important;
}
a.navy:hover {
    background: #34495E !important;
}
a.gray:hover {
    background: #95A5A6 !important;
}
ol {
	position: relative;
	padding-left: 22px;
}
ul {
    list-style: none;
	position: relative;
}
ul.arrowed li,
ul.circled li,
ol li {
	margin-bottom: 5px;
}
ul.arrowed li:before {
    font-family: 'fontello';
	font-size: 75%;
    font-weight: normal;
    color: #53afff;
	vertical-align: baseline;
    content: '\e846';
	margin-top: 1px;
	margin-left: -20px;
	position: absolute;
}
ul.circled li:before {
    font-family: 'fontello-circle';
    content: '\e800';
    font-size: 8px;
    font-weight: normal;
    color: #53afff;
    padding-top: 1px;
	margin-left: -20px;
    vertical-align: top;
	position: absolute;
}
ul.contacts {
	padding-left: 0;
}
ul.contacts li {
	margin-bottom: 5px;
}
footer ul.contacts li {
	margin-bottom: 2px;
}
.social-network {
	position: relative;
	z-index: 0;
	padding-top: 25px;
}
.social-network .social li {
	display: table-cell;
}
.social-network .social li a i {
	width: 55px;
	height: 80px;
	font-size: 20px;
}
#hero h1 {
	font-size: 78px;
	line-height: 110%;
	/*font-weight: 900;*/
	letter-spacing: .05em;
	text-transform: uppercase;
	margin-bottom: 0;
	-webkit-transition: font 200ms ease-out;
	   -moz-transition: font 200ms ease-out;
		 -o-transition: font 200ms ease-out;
			transition: font 200ms ease-out;
			
}
#hero #owl-main .caption h1.light-bg,
#hero #owl-main .caption h1.medium-bg,
#hero #owl-main .caption h1.dark-bg,
#hero #owl-main .caption h1.tint-bg {
	font-size: 73px;
}
#hero h4 {
	font-size: 33px;
	line-height: 120%;
}
#hero p {
	font-size: 24px;
	line-height: 150%;
	font-weight: 400;
	letter-spacing: .015em;
	text-transform: none;
	margin-top: 20px;
	margin-bottom: 0;
	-webkit-transition: font 200ms ease-out, margin 200ms ease-out;
	   -moz-transition: font 200ms ease-out, margin 200ms ease-out;
		 -o-transition: font 200ms ease-out, margin 200ms ease-out;
			transition: font 200ms ease-out, margin 200ms ease-out;
}
#hero .btn {
	margin-top: 60px;
	margin-bottom: 0;
	-webkit-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;
	   -moz-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;
		 -o-transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;
			transition: background 200ms ease-out, font 200ms ease-out, padding 200ms ease-out, margin 200ms ease-out;
}
#hero .btn-large {
	font-size: 18px;
	padding: 18px 70px 20px;
}
header p {
	color: #414141;
    width: 100%;
    margin: 0 auto;
    line-height: 1.8em;
}
header h1{text-transform: uppercase;
    color: #333;
/*    font-size: 2em;*/
    margin:30px 0;}
p + h2,
p + h3 {
	padding-top: 15px;
}
.text-small {
	font-size: 15px;
	line-height: 180%;
}
.text-normal {
	font-size: inherit;
	line-height: inherit;
}
h2 + .text-small {
	margin-top: -5px;
}
header h2 + .text-small {
	margin-top: 0;
}
.post-title {
    margin: 0 0 15px 0;
}
h1.post-title {
    font-size: 22px;
    line-height: 24px;
}
.bordered .post-title {
    margin-bottom: 5px;
}
main header + * {
	margin-top: 35px !important;
}
.inner {
	padding-top: 100px;
	padding-bottom: 100px;
}
.inner-md {
	padding-top: 100px;
	padding-bottom: 100px;
}
.inner-sm {
	padding-top: 80px;
	padding-bottom: 80px;
}
.inner-xs {
	padding-top: 40px;
	padding-bottom: 40px;
}
.inner-top {
	padding-top: 100px;
}
.inner-top-md {
	padding-top: 100px;
}
.inner-top-sm {
	padding-top: 30px;
}
.inner-top-xs.ZKCityray-servuce {
	padding-top: 100px;
}
.inner-bottom {
	padding-bottom: 100px;
}
.inner-bottom-md {
	padding-bottom: 100px;
}
.inner-bottom-sm {
	padding-bottom: 30px;
}
.inner-bottom-xs {
	padding-bottom: 40px;
}
.inner-left {
	padding-left: 75px;
}
.inner-left-md {
	padding-left: 60px;
}
.inner-left-sm {
	padding-left: 45px;
}
.inner-left-xs {
	padding-left: 30px;
}
.inner-right {
	padding-right: 75px;
}
.inner-right-md {
	padding-right: 60px;
}
.inner-right-sm {
	padding-right: 45px;
}
.inner-right-xs {
	padding-right: 30px;
}
.outer {
	margin-top: 100px;
	margin-bottom: 100px;
}
.outer-md {
	margin-top: 100px;
	margin-bottom: 100px;
}
.outer-sm {
	margin-top: 80px;
	margin-bottom: 80px;
}
.outer-xs {
	margin-top: 40px;
	margin-bottom: 40px;
}
.outer-top {
	margin-top: 100px;
}
.outer-top-md {
	margin-top: 100px;
}
.outer-top-sm {
	margin-top: 80px;
}
.outer-top-xs {
	margin-top: 40px;
}
.outer-bottom {
	margin-bottom: 100px;
}
.outer-bottom-md {
	margin-bottom: 100px;
}
.outer-bottom-sm {
	margin-bottom: 80px;
}
.outer-bottom-xs {
	margin-bottom: 40px;
}
.center-block {
	float: none;
}
.height-xs {
	height: 30vh;
}
.height-sm {
	height: 44vh;
}
.height-md {
	height: 56vh;
}
.height-lg {
	width:100%;
	height:540px;
}
.dropcap {
	float: left;
	display: inline-block;
	width: 44px;
	height: 44px;
	background: #F2F5F7;
	font-size: 28px;
	font-weight: 700;
	line-height: 44px;
	text-align: center;
	color: #506A85;
	margin: 6px 15px 0 0;
}
.dropcap-lg {
	float: left;
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #F2F5F7;
	font-size: 48px;
	font-weight: 700;
	line-height: 70px;
	text-align: center;
	color: #506A85;
	margin: 6px 15px 0 0;
}
blockquote {
    padding: 0;
    margin: 0;
    border: none;
}
blockquote p {
    font-size: 22px;
    line-height: 160%;
	font-style: italic;
}
blockquote footer,
blockquote small,
blockquote .small {
	color: #506A85;
	font-size: 14px;
	line-height: 150%;
	font-weight: 700;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before,
blockquote footer:after,
blockquote small:after,
blockquote .small:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 1px;
	background-color: #506A85;
	margin-bottom: .28em;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
	margin-right: 10px;
}
blockquote footer:after,
blockquote small:after,
blockquote .small:after {
	margin-left: 10px;
}
hr {
    border: 0;
    border-bottom: 1px solid ##f0f0f0;
    margin: 60px 0;
}
.map iframe {
    display: block;
    max-width: 100%;
}
h1 + figure,
p + figure {
	padding-top: 15px;
}
h2 + figure,
h3 + figure,
h2 + .thumbs,
h3 + .thumbs,
h2 + .thumb,
h3 + .thumb {
	padding-top: 10px;
}
h4 + figure {
	padding-top: 5px;
}
h2 + .owl-carousel,
p + .owl-carousel,
h2 + .panel-group,
p + .panel-group {
	padding-top: 20px;
}
figure figcaption {
	font-size: 14px;
	line-height: 150%;
}
figure figcaption h4 {
	margin-bottom: 10px;
}
figure * + figcaption {
	padding-top: 20px;
}
figure + *,
.thumb + figure {
	padding-top: 25px;
}
.classic-blog figure + * {
	padding-top: 35px;
}
figure.post-media + * {
	padding-top: 0;
}
.member .icon-overlay {
	display: inline-block;
}
.member .icon-overlay span {
	border-radius: 50%;
}
.member .img-circle {
	max-width: 200px;
	max-height: 200px;
}
.member .member-image {
	position: relative;
}
.member figcaption {
	position: relative;
	padding-top: 35px;
	z-index: 0;
}
.member figcaption.bordered {
	padding: 20px 15px 15px;
}
.member figcaption h2 span,
.member figcaption h3 span {
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	letter-spacing: 0.015em;
}
.member figcaption h3 {
	font-size: 16px;
	line-height: 130%;
	margin-bottom: 10px;
}
.member figcaption h2 span {
	font-size: 18px;
	line-height: 140%;
	margin-top: 5px;
}
.member figcaption h3 span {
	font-size: 14px;
	line-height: 120%;
	margin-top: 4px;
}
.member figcaption blockquote {
	font-size: 16px;
	font-style: italic;
	line-height: 160%;
	margin-bottom: 20px;
}
.member figcaption blockquote:before {
	display: inline;
	position: relative;
	content: "\201C";
	font-family: inherit;
	font-size: inherit;
	margin-right: 2px;
}
.member figcaption blockquote:after {
	content: "\201D";
	margin-left: 2px;
}
.member .social {
	display: inline-block;
}
.member .social li {
	display: table-cell;
}
.member .social li a i {
	width: 33px;
	height: 45px;
	font-size: 15px;
}
.member .text-overlay .info .social li a i {
	color: #FFF;
}
.member .text-overlay .info .social li a:hover .icon-s-facebook {
    color: #3B5998;
    color: #4668B3;
}
.member .text-overlay .info .social li a:hover .icon-s-gplus {
    color: #DD4B39;
    color: #DE5745;
}
.member .text-overlay .info .social li a:hover .icon-s-twitter {
    color: #00ACED;
    color: #2FBBED;
}
.member .text-overlay .info .social li a i:after {
	background: #FFF;
}
.img-bg,
.img-bg-center {
	background-position: center !important;
	background-size: cover;
}
.img-bg-top {
	background-position: top !important;
	background-size: cover;
}
.img-bg-bottom {
	background-position: bottom !important;
	background-size: cover;
}
.img-bg-soft,
.img-bg-softer {
	background-position: center;
	position: relative;
}
.img-bg-soft:before,
.img-bg-softer:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.light-bg.img-bg-soft:before {
	background-color: #F2F5F7;
	opacity: .66;
}
.dark-bg.img-bg-soft:before {
	background-color: #2F4052;
	opacity: .57;
}
.tint-bg.img-bg-soft:before {
	background-color: #53afff;
	opacity: .84;
}
.light-bg.img-bg-softer:before {
	background-color:f5f5f5;
}
.dark-bg.img-bg-softer:before {
	background-color: #2F4052;
	opacity: .97;
}
.tint-bg.img-bg-softer:before {
	background-color: #53afff;
	opacity: .96;
}
.screen-container {
	position: relative;
	width: 100%;
	height: auto !important;
	background: url("../images/art/screen-container.png") no-repeat top / 100%;
	overflow: hidden;
}
.screen-container:before{
	content: "";
	display: block;
	padding-top: 47%;
}
.screen-container .tab-content {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 5% 4.5%;
	padding-bottom: 0;
}
.sidelines {
	position: relative;
	line-height: 100%;
	border-bottom: 1px solid ##f0f0f0;
	margin-top: -.35em;
	margin-bottom: 1.5em;
}
.sidelines span {
	position: relative;
	top: .5em;
	background: #FFF;
	padding: 0 .5em 0 0;
}
.sidelines.text-right span,
.text-right .sidelines span {
	padding: 0 0 0 .5em;
}
.sidelines.text-center span,
.text-center .sidelines span {
	padding: 0 .5em;
}
.team-headline.sidelines {
	margin-top: -20px;
	margin-bottom: 40px;
}
.light-bg .sidelines {
	border-color: #BCC7D1;
}
.light-bg .sidelines span {
	background: #F2F5F7;
}
.dark-bg .sidelines {
	border-color: #73879C;
}
.dark-bg .sidelines span {
	background: #2F4052;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
iframe + iframe {
    margin-top: 10px;
}
.isotope, .owl-carousel .owl-wrapper-outer {
	z-index: 0;
}
.green-bg {
    background-color: #53afff !important;
	color: #FFF !important;
	padding: 2px 8px 4px;
	margin-top: -2px;
}
.blue-bg {
    background-color: #3F8DBF !important;
	color: #FFF !important;
	padding: 2px 8px 4px;
	margin-top: -2px;
}
.red-bg {
    background-color: #FA6C65 !important;
	color: #FFF !important;
	padding: 2px 8px 4px;
	margin-top: -2px;
}
.orange-bg {
    background-color: #F27A24 !important;
	color: #FFF !important;
	padding: 2px 8px 4px;
	margin-top: -2px;
}
.golden-bg {
    background-color: #9B59B6 !important;
	color: #FFF !important;
	padding: 2px 8px 4px;
	margin-top: -2px;
}
.pink-bg {
    background-color: #D487BE !important;
	color: #FFF !important;
	padding: 2px 8px 4px;
	margin-top: -2px;
}
.navy-bg {
    background-color: #34495E !important;
	color: #FFF !important;
	padding: 2px 8px 4px;
	margin-top: -2px;
}
.gray-bg {
    background-color: #95A5A6 !important;
	color: #FFF !important;
	padding: 2px 8px 4px;
	margin-top: -2px;
}
.light-bg {
    background-color:#f8f8f8;
}
.dark-bg {
    background-color: #2f3543;
}
.dark-bg,
.dark-bg p,
.dark-bg .item-details li:before {
    color: #959ead;
}
.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4 {
    color: #FFF;
}
.dark-bg .widget h1,
.dark-bg .widget h2,
.dark-bg .widget h3,
.dark-bg .widget h4 {
    color: #FFF;
}
.tint-bg {
    background-color: #53afff;
	color: #FFF;
	padding: 2px 8px;
	margin-top: -2px;
}
.tint-bg,
.tint-bg h1,
.tint-bg h2,
.tint-bg h3,
.tint-bg h4,
.tint-bg p,
.tint-bg .item-details li:before,
.tint-bg .icon i.icn {
    color: #FFF;
}
.tint-bg a:hover {
    color: #506A85;
}
.light-color,
.light-color .dark-bg {
	color: #FFF !important;
}

.medium-color {
	color: #DEDEDE !important;
}
.dark-color {
	color: #fff !important;
}
.tint-color {
	color: #53afff !important;
}
.green {
    color: #53afff !important;
	background-color:#FAFBFF;
}
.blue {
    color: #3F8DBF !important;
}
.red {
    color: #FA6C65 !important;
}
.pink {
    color: #D487BE !important;
}
.golden {
    color: #9B59B6 !important;
}
.orange {
    color: #F27A24 !important;
}
.navy {
    color: #34495E !important;
}
.gray {
    color: #95A5A6 !important;
}
.icon {
    display: inline-block;
	margin-bottom: 20px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.icon.circle {
	padding: 30px;
	border: 1px solid #53afff;
	border-radius: 50%;
}
.icon.circle.xs {
	padding: 15px;
}
.icon.circle.sm {
	padding: 20px;
}
.icon.circle.lg {
	padding: 35px;
}
.icon i.icn {
    display: block;
    color: #333;
    font-size: 65px;
    line-height: 100%;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.icon i.icn.xs {
	font-size: 20px;
}
.icon i.icn.sm {
	font-size: 35px;
}
.icon i.icn.lg {
	font-size: 60px;
}
i.contact {
    margin-right: 5px;
    width: auto;
    height: auto;
    line-height: 18px;
}
.tagcloud {
    line-height: 25px;
}
footer {
	font-size: 14px;
	line-height: 22px;
}
footer.dark-bg {
    color: #959ead;
}
footer .inner {
	padding-top: 45px;
	padding-bottom: 35px;
}
footer .container > .row {
	margin-left: -25px;
	margin-right: -25px;
}
footer .row .inner {
	padding: 25px;
}
footer .logo {
	height: auto;
	max-height: 100%;
}
footer h4 {
	text-transform: uppercase;
	margin-bottom: 20px;
}
/*footer dd {
	margin-bottom: 15px;
}*/
.footer-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}
.footer-menu li {
    display: inline;
    padding-left: 10px;
}
.footer-menu li:before {
    display: inline-block;
    content: "·";
    padding-right: 12px;
}
.footer-menu li:first-child:before {
    display: none;
}
.footer-bottom {
    background: #2f3543;
	color: #959ead;
}
.footer-bottom .container.inner {
    padding-top: 30px;
	padding-bottom: 30px;
}
.footer-bottom p,
.footer-bottom a {
	color: #707E8C;
}
.footer-bottom p {
    padding: 0;
    margin: 0;
}
.meta,
.more {
    font-size: 14px;
    font-weight: 400;
	line-height: 160%;
	cursor: default;
}
.meta span:before {
    display: inline-block;
    content: "|";
    padding: 0 10px 0 7px;
}
.meta span:first-child:before {
    display: none;
    padding: 0;
}
.meta a {
    display: inline !important;
}
.meta a:hover,
.more:hover {
    color: #53afff;
}
.meta.tags a:before {
    content: "#";
    display: inline-block;
}
.bordered .info {
    text-align: center;
}
.bordered .info h3,
.bordered .info h4 {
	margin-bottom: 5px;
}
.bordered .info h3 a,
.bordered .info h4 a {
    color: #333333;font-size:24px;
}
.bordered .info h3 a:hover,
.bordered .info h4 a:hover {
	color: #53afff;
}
.bordered .info p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 0;
}
.bordered {
    border: 1px solid #E6E9ED;
	border-bottom-width: 2px;
	border-radius: 3px;
    padding: 25px;
    background: #F5F7FA;
}
.light-bg .bordered {
	background: #FFF;
}
.dark-bg .bordered .info h3,
.dark-bg .bordered .info h4,
.tint-bg .bordered .info h3,
.tint-bg .bordered .info h4 {
	color: #506A85;
}
.dark-bg .bordered .info p,
.tint-bg .bordered .info p {
	color: #73879C;
}
.no-top-border {
    border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.border {
	border: 1px solid ##f0f0f0;
}
.border-top-lg,
.border-top-md,
.border-top-sm,
.border-top-xs,
.border-top {
	border-top:0px solid ##f0f0f0;
}
.border-right-lg,
.border-right-md,
.border-right-sm,
.border-right-xs,
.border-right {
	border-right: 1px solid ##f0f0f0;
}
.border-bottom-lg,
.border-bottom-md,
.border-bottom-sm,
.border-bottom-xs,
.border-bottom {
	border-bottom: 1px solid ##f0f0f0;
}
.border-left-lg,
.border-left-md,
.border-left-sm,
.border-left-xs,
.border-left {
	border-left: 1px solid ##f0f0f0;
}
.border-lg,
.border-top-lg,
.border-right-lg,
.border-bottom-lg,
.border-left-lg {
	border-width: 20px;
}
.border-md,
.border-top-md,
.border-right-md,
.border-bottom-md,
.border-left-md {
	border-width: 10px;
}
.border-sm,
.border-top-sm,
.border-right-sm,
.border-bottom-sm,
.border-left-sm {
	border-width: 5px;
}
.border-xs,
.border-top-xs,
.border-right-xs,
.border-bottom-xs,
.border-left-xs {
	border-width: 3px;
}
.light-bg .border,
.light-bg .border-lg,
.light-bg .border-md,
.light-bg .border-sm,
.light-bg .border-xs,
.light-bg .border-top-lg,
.light-bg .border-top-md,
.light-bg .border-top-sm,
.light-bg .border-top-xs,
.light-bg .border-top,
.light-bg .border-right-lg,
.light-bg .border-right-md,
.light-bg .border-right-sm,
.light-bg .border-right-xs,
.light-bg .border-right,
.light-bg .border-bottom-lg,
.light-bg .border-bottom-md,
.light-bg .border-bottom-sm,
.light-bg .border-bottom-xs,
.light-bg .border-bottom,
.light-bg .border-left-lg,
.light-bg .border-left-md,
.light-bg .border-left-sm,
.light-bg .border-left-xs,
.light-bg .border-left {
	border-color: #BCC7D1;
}
.dark-bg .border,
.dark-bg .border-lg,
.dark-bg .border-md,
.dark-bg .border-sm,
.dark-bg .border-xs,
.dark-bg .border-top-lg,
.dark-bg .border-top-md,
.dark-bg .border-top-sm,
.dark-bg .border-top-xs,
.dark-bg .border-top,
.dark-bg .border-right-lg,
.dark-bg .border-right-md,
.dark-bg .border-right-sm,
.dark-bg .border-right-xs,
.dark-bg .border-right,
.dark-bg .border-bottom-lg,
.dark-bg .border-bottom-md,
.dark-bg .border-bottom-sm,
.dark-bg .border-bottom-xs,
.dark-bg .border-bottom,
.dark-bg .border-left-lg,
.dark-bg .border-left-md,
.dark-bg .border-left-sm,
.dark-bg .border-left-xs,
.dark-bg .border-left {
	border-color: #73879C;
}
.tint-bg .border,
.tint-bg .border-lg,
.tint-bg .border-md,
.tint-bg .border-sm,
.tint-bg .border-xs,
.tint-bg .border-top-lg,
.tint-bg .border-top-md,
.tint-bg .border-top-sm,
.tint-bg .border-top-xs,
.tint-bg .border-top,
.tint-bg .border-right-lg,
.tint-bg .border-right-md,
.tint-bg .border-right-sm,
.tint-bg .border-right-xs,
.tint-bg .border-right,
.tint-bg .border-bottom-lg,
.tint-bg .border-bottom-md,
.tint-bg .border-bottom-sm,
.tint-bg .border-bottom-xs,
.tint-bg .border-bottom,
.tint-bg .border-left-lg,
.tint-bg .border-left-md,
.tint-bg .border-left-sm,
.tint-bg .border-left-xs,
.tint-bg .border-left {
	border-color: #FFF;
}
.last-bottom {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}
.last-right {
	padding-right: 0 !important;
	margin-right: 0 !important;
}
.reset-margin {
	margin: 0;
}
.reset-margin-left {
	margin-left: 0;
}
.reset-margin-right {
	margin-right: 0;
}
.reset-padding {
	padding: 0;
}
.reset-padding-left {
	padding-left: 0;
}
.reset-padding-right {
	padding-right: 0;
}
.single-block {
	padding: 0;
	border: 0;
	margin: 0;
}
h1 + .single-line,
h2 + .single-line,
h3 + .single-line,
h4 + .single-line {
	margin-top: -.5em;
}
.img-intext {
    margin-bottom: 20px;
}
aside {
	font-size: 16px;
	line-height: 160%;
}
aside p {
	margin-bottom: 15px;
}
aside .txt-btn {
	font-size: 100%;
}
aside .thumb figure {
	margin: 0;
}
.thumbs.no-gap {
	margin-left: 0;
	margin-right: 0;
}
.thumbs.no-gap .thumb {
	padding: 0;
}
.thumbs.gap-xs {
	margin-left: -5px;
	margin-right: 0;
}
.thumbs.gap-xs .thumb {
	padding: 0 0 5px 5px;
}
.thumbs.gap-sm {
	margin-left: -10px;
	margin-right: 0;
}
.thumbs.gap-sm .thumb {
	padding: 0 0 10px 10px;
}
.thumbs.gap-md {
	margin-left: -20px;
	margin-right: 0;
}
.thumbs.gap-md .thumb {
	padding: 0 0 20px 20px;
}
.thumbs.gap-lg {
	margin-left: -30px;
	margin-right: 0;
}
.thumbs.gap-lg .thumb {
	padding: 0 0 30px 30px;
}


/*===================================================================================*/
/*	HEADER
/*===================================================================================*/


.navbar .container {
	display: table;
    padding: 0;
}
.navbar {
    margin: 0;
    border-radius: 0;
    border: none;
    position: relative;
    z-index: 8000;
    min-height: inherit;
}
.navbar ul {
	list-style: none;
}
.navbar-brand {
	float: none;
	display: table-cell;
	vertical-align: middle;
    padding: 0;
	max-width: 300px;
}
.navbar-brand img {
	max-height: 40px!important;
}
.navbar-header .navbar-brand {
	display: none;
}
.navbar-header {
    float: none !important;
	position: relative;
	background: rgba(0, 0, 0, 0.01);
	border-bottom: 1px solid rgba(0, 0, 0, 0.01) !important;
	z-index: 0;
}
.navbar-header li,
.navbar-header a {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
.navbar-collapse {
    position: relative;
    background-color: #FFF;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f5f5f5;
}
.navbar-collapse.collapse.stuck {
	position: fixed;
	top: 0;
	padding-top: 0;
	padding-bottom: 0;
	opacity:.95;
}
.product_page .navbar-collapse.collapse.stuck {
	position:absolute;
}
.navbar-collapse.collapse.stuck .navbar-brand img {
	max-height: 36px !important;
}
.navbar-nav {
	float: none;
	display: table-cell;
	vertical-align: middle;
    margin: 0;
}
.navbar-nav > li > a {
	font-size: 15px;
	line-height: 20px;
	font-weight: 700;
	text-transform: uppercase;
	color: #506A85;
	padding: 24px 0.4em;
	border: 1px solid rgba(255,255,255,0);
	border-radius: 4px !important;
	bottom: -1px;
	z-index: 1;
}

.skrollable-after .navbar-nav > li > a {
	border-radius: 0;
	margin-top: -1px;
}
.nav > li.active > a {
    color: #53afff;
}
.nav > li > a:focus {
    background-color: transparent;
    border-color: transparent;
}

.navbar .dropdown-menu {
    padding: 0;
    margin: 0;
    width: 210px;
    background: #F5F7FA;
	border: none;
	border: 1px solid #E6E9ED;
	border-bottom-width: 2px;
	border-bottom-color: #CED2D6;
    -webkit-border-radius: 3px !important;
       -moz-border-radius: 3px !important;
            border-radius: 3px !important;
	-webkit-border-top-left-radius: 0 !important;
	    -moz-border-radius-topleft: 0 !important;
		    border-top-left-radius: 0 !important;
	z-index: 0;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li {
    background: transparent;
    border: none;
    border-top: 1px solid #E6E9ED;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li:first-child {
    border: none;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
	line-height: 18px;
    padding: 13px 20px;
    color: #73879C;
    text-transform: uppercase;
    font-weight: 700;
	white-space: normal;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a.active {
    filter: none;
    background-color: #F5F7FA;
    color: #53afff;
}

.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):after {
    display: none;
}
.navbar .nav > li > .dropdown-menu:not(.yamm-dropdown-menu):before {
    display: none;
}
.navbar .dropdown-submenu .dropdown-menu {
	top: -1px !important;
}
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {
    background: #53afff;
    color: #FFF !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.navbar-header .info {
	padding-left: 0;
    margin: 0;
}
.navbar-header .info li {
    font-size: 12px;
    padding-right: 25px;
}
.navbar-header .info li a {
    font-size: 12px;
    color: #fff;
}
.navbar-header .info a:hover {
    color: #53afff;
}
.navbar-form {
    padding: 0;
    margin: 0;
}
.btn.responsive-menu {
    display: none;
	width: 40px;
	height: 40px;
    font-size: 15px;
    padding: 0;
    margin: 0;
}


/*===================================================================================*/
/*	MEGA MENU
/*===================================================================================*/

.yamm .nav,
.yamm .dropup,
.yamm .dropdown,
.yamm .collapse {
    position: static;
}
.yamm .navbar-inner,
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
	top: auto;
    left: auto;
	-webkit-border-top-left-radius: 3px !important;
	    -moz-border-radius-topleft: 3px !important;
		    border-top-left-radius: 3px !important;
}
.yamm .dropdown-menu > li {
    display: block;
}
.yamm .nav.pull-right .dropdown-menu {
    right: 0;
}
.yamm .yamm-content {
	font-size: 14px;
	line-height: 22px;
    padding: 30px 40px;
	margin-left: -20px;
	margin-right: -20px;
}
.yamm .yamm-content .inner {
	padding: 0 20px;
}
.yamm .yamm-content li {
	line-height: inherit;
}
.yamm .yamm-content:before,
.yamm .yamm-content:after {
    display: table;
    content: "";
    line-height: 0;
}
.yamm .yamm-content:after {
    clear: both;
}
.yamm .nav > li > .dropdown-menu:after,
.yamm .nav > li > .dropdown-menu:before {
    display: none;
}
.yamm .yamm-content img {
    width: 100%;
}
.yamm .yamm-content a {
    color: inherit;
}
.yamm .yamm-content h4 {
	text-transform: uppercase;
	margin-bottom: 20px;
}
.yamm .yamm-content p {
	font-size: inherit;
	line-height: inherit;
    margin-bottom: 15px;
}
.yamm .yamm-content .btn {
	margin: 10px 0;
}
.yamm .yamm-content a:hover {
    color: #53afff;
}
.yamm .dropdown.yamm-fullwidth .dropdown-menu {
    width: 100%;
    left: 0;
    right: 0;
}


/*===================================================================================*/
/*	BUTTONS
/*===================================================================================*/

#buttons .btn {
	margin: 5px 3px;
}
#buttons .btn-wrapper {
	margin: 30px 0;
}
.btn {
    color: #FFF !important;
    background: #53afff;
    padding: 11px 20px 13px;
	margin: 15px 0;
	font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 14px;
	letter-spacing: 0.02em;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    border: none;
    text-transform: uppercase;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-border-radius: 3px;
    border-radius: 3px;

}
.btn-small {
    padding: 5px 13px 6px;
	font-size: 13px;
}
.btn-large {
    padding: 14px 26px 16px;
	font-size: 15px;
}
.btn.btn-green {
    background: #53afff;
}
.btn.btn-blue {
    background: #3F8DBF;
}
.btn.btn-red {
    background: #FA6C65;
}
.btn.btn-pink {
    background: #D487BE;
}
.btn.btn-golden {
    background: #9B59B6;
}
.btn.btn-orange {
    background: #F27A24;
}
.btn.btn-navy {
    background: #34495E;
}
.btn.btn-gray {
    background: #95A5A6;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active {
    background: #53afff;
    color: #FFF !important;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    background: #53afff !important;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active {
    background: #387EAA !important;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active {
    background: #CF4C45 !important;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active {
    background: #BD78A9 !important;
}
.btn-golden:hover,
.btn-golden:focus,
.btn-golden:active,
.btn-golden.active {
    background: #8A4FA2 !important;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active {
    background: #D96716 !important;
}
.btn-navy:hover,
.btn-navy:focus,
.btn-navy:active,
.btn-navy.active {
    background: #2C3E50 !important;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active {
    background: #859394 !important;
}
.tint-bg .btn {
    background: #FFF !important;
	color: #53afff !important;
}
.tint-bg .btn:hover {
    background: #E9E9E9 !important;
    color: #506A85 !important;
}
.btn.share-facebook {
    background: #3d5b9b !important
}
.btn.share-facebook:hover {
    background: #334c8e !important
}
.btn.share-twitter {
    background: #5aa8cd !important
}
.btn.share-twitter:hover {
    background: #499ac8 !important
}
.btn.share-googleplus {
    background: #3b3b3b !important
}
.btn.share-googleplus:hover {
    background: #2e2e2e !important
}
.btn.share-pinterest {
    background: #c53942 !important
}
.btn.share-pinterest:hover {
    background: #bc2d32 !important
}
.btn-share-lg,
.btn-share-md,
.btn-share-sm,
.btn-share-xs {
	display: table;
	position: relative;
	z-index: 0;
	width: 100%;
	text-align: center;
}
.btn-share-lg i,
.btn-share-md i,
.btn-share-sm i,
.btn-share-xs i {
	display: table-cell;
	vertical-align: middle;
}
.btn-share-lg {
	height: 250px;
}
.btn-share-lg i {
	font-size: 80px;
}
.btn-share-md {
	height: 180px;
}
.btn-share-md i {
	font-size: 60px;
}
.btn-share-sm {
	height: 120px;
}
.btn-share-sm i {
	font-size: 40px;
}
.btn-share-xs {
	height: 80px;
}
.btn-share-xs i {
	font-size: 28px;
}
.btn-share-lg i:after,
.btn-share-md i:after,
.btn-share-sm i:after,
.btn-share-xs i:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
/*.btn-share-lg:hover i:after,
.btn-share-md:hover i:after,
.btn-share-sm:hover i:after,
.btn-share-xs:hover i:after {
	height: 100%;
}*/
.btn-share-lg:hover .icon-s-facebook:after,
.btn-share-md:hover .icon-s-facebook:after,
.btn-share-sm:hover .icon-s-facebook:after,
.btn-share-xs:hover .icon-s-facebook:after {
    background: #3B5998;
    background: #4668B3;
}
.btn-share-lg:hover .icon-s-gplus:after,
.btn-share-md:hover .icon-s-gplus:after,
.btn-share-sm:hover .icon-s-gplus:after,
.btn-share-xs:hover .icon-s-gplus:after {
    background: #DD4B39;
    background: #DE5745;
}
.btn-share-lg:hover .icon-s-twitter:after,
.btn-share-md:hover .icon-s-twitter:after,
.btn-share-sm:hover .icon-s-twitter:after,
.btn-share-xs:hover .icon-s-twitter:after {
    background: #00ACED;
    background: #2FBBED;
}
.btn-share-lg p,
.btn-share-md p,
.btn-share-sm p,
.btn-share-xs p {
	position: absolute;
	height: 1.1em;
	font-family: 'Lato', sans-serif;
	line-height: 100%;
	color: #FFF;
	margin: auto;
	opacity: 0;
}
.btn-share-lg p,
.btn-share-md p {
	top: 20px;
}
.btn-share-sm p,
.btn-share-xs p {
	top: 0;
	bottom: 0;
}
.btn-share-sm p {
	font-size: 16px;
}
.btn-share-xs p {
	font-size: 15px;
}
.btn-share-lg:hover p,
.btn-share-md:hover p,
.btn-share-sm:hover p,
.btn-share-xs:hover p {
	opacity: 1;
}
.btn-share-lg .name,
.btn-share-md .name,
.btn-share-sm .name,
.btn-share-xs .name {
	left: 25px;
}
.btn-share-lg .counter,
.btn-share-md .counter,
.btn-share-sm .counter,
.btn-share-xs .counter {
	right: 25px;
}
.btn-share-lg:hover,
.btn-share-md:hover,
.btn-share-sm:hover,
.btn-share-xs:hover {
	color: #FFF;
}
h1 .btn,
h2 .btn,
h3 .btn,
h4 .btn,
p .btn {
	margin-left: 15px;
}
.txt-btn {
	font-size: 105%;
	font-weight: 700;
}
.txt-btn:after {
	font-family: 'fontello';
	font-size: 75%;
	content: '\e846';
	margin-left: 7px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.txt-btn:hover:after {
	margin-left: 12px;
}


/*===================================================================================*/
/*	SOCIAL ICONS
/*===================================================================================*/

.social {
    padding: 0;
    margin: 0;
}
.social li {
    font-family: 'fontello-social';
    margin-right: 4px;
}
.social li {
    position: relative;
}
.text-center .social li {
    margin: 0 2px;
}
.social li a {
    display: table;
	position: relative;
}
.social li a i {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    width: 30px;
    height: 30px;
    font-size: 12px;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.social li a i:after {
	content: '';
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}
.social li a:hover i {
	color: #FFF;
}
.social li a:hover i:after {
	height: 100%;
}
.social a .icon-s-facebook:after {
    background: #3B5998;
    background: #4668B3;
}
.social a .icon-s-gplus:after {
    background: #DD4B39;
    background: #DE5745;
}
.social a .icon-s-twitter:after {
    background: #00ACED;
    background: #2FBBED;
}
.social a .icon-s-pinterest:after {
    background: #CB2027;
    background: #D94348;
}
.social a .icon-s-behance:after {
    background: #1769FF;
    background: #3079FF;
}
.social a .icon-s-dribbble:after {
    background: #EA4C89;
    background: #EB6397;
}


/*===================================================================================*/
/*	TABS ON SIDE
/*===================================================================================*/
/**2016.5.23  about_page_css_style**/
#standard-tabs-side{background-color:#fafafa;}
#standard-tabs-side .inner{padding-top:60px;}
#standard-tabs-side .inner-top {padding-top:0px;}


.tabs-side .etabs {
	float:right;
	width: 15%;
    padding: 0;
	margin: 0 -1px 0 0;
}
.tabs-side .tab {
	display: block;
	position: relative;
	z-index: 0;
}
.tabs-side .tab a {
    display: block;
	background: #fff;
    color: #808080;
	font-size:18px;
	text-align:center;
	line-height:250%;
    text-transform: uppercase;
	padding: 15px;
	height:74px;
    border: 1px solid #f0f0f0;
	border-right-color:#f0f0f0;
    border-bottom: none;
	overflow: hidden;
}
.tabs-side .tab:first-child a {
	border-top-left-radius:0px;
}
.tabs-side .tab:last-child a {
    border-bottom: 1px solid #f0f0f0;
}
.tabs-side .tab a:hover {
	background: #fff !important;
	color: #333;
	border-color:#f0f0f0;
}

.tabs-side .tab:hover,.tabs-side .tab.active {z-index: 2;}
.tabs-side .tab.active a {
    background:#53afff !important;
	color: #fff !important;
    border-color:#53afff !important;
    border-right-color:#53afff !important;
}
.tabs-side .tab.active + .tab a {
	border-top-color:#53afff;
}

.tabs-side .tab a div {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	line-height: 100%;
	font-weight: 200;
	margin: -10px 0 5px;
}
.tabs-side.tab-container .panel-container {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-left:0px;
	margin-right:214px;
}

.tabs-side.tab-container .panel-container.know {
	position: relative;
	z-index: 1;
	overflow: hidden;
	padding-left:0px;
	margin-right:90px;
}

.tabs-side.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}


/*===================================================================================*/
/*	TABS ON TOP
/*===================================================================================*/

.tabs-top .etabs {
    padding: 0;
    margin: 0;
}
.tabs-top .etabs:after {
	content: '';
	display: block;
	position: relative;
	z-index: 1;
	margin-top: -1px;
}
.tabs-top .tab {
    display: inline-block;
	position: relative;
	z-index: 0;
	max-width: 40%;
	margin: 0 3px;
}
.tabs-top .tab a {
    display: inline-block;
	vertical-align: bottom;
	background: #F5F7FA;
    color: #506A85;
	font-size: 16px;
	line-height:80px;
    text-transform: uppercase;
	padding: 15px;
	width:110px;
	height:110px;
	border-radius:55px;
	overflow: hidden;
}
.tabs-top .tab a div {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	line-height: 100%;
	font-weight: 200;
	margin: -10px 0 5px;
}
.tabs-top .tab a:hover {
	background: #53afff;
	color: #FFF;
	border-color: #53afff;
}
.tabs-top .tab.active {
	z-index: 2;
}
.tabs-top .tab.active a {
    background: #53afff !important;
	color: #fff !important;

}
.tabs-top.tab-container .panel-container {
	margin-top: 70px;
}
.tabs-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}


/*===================================================================================*/
/*	TABS CIRCLED ON TOP
/*===================================================================================*/

.tabs-circle-top .etabs {
	position: relative;
    padding: 0;
    margin: 0;
	z-index: 2;
}
.tabs-circle-top .etabs:before {
	content: '';
	display: block;
    border-bottom: 1px solid ##f0f0f0;
	margin: 65px 0 -65px;
}
.tabs-circle-top .tab {
    display: inline-block;
	height: 160px;
	position: relative;
	top: 0;
	margin: 0 15px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
.tabs-circle-top .tab a {
    display: table-cell;
	vertical-align: middle;
	width: 130px;
	height: 130px;
	max-width: 130px;
	background: #FFF;
    color: #506A85;
	font-size: 14px;
	line-height: 130%;
	font-weight: 700;
    text-transform: uppercase;
	padding: 13px;
    border: 1px solid ##f0f0f0;
	border-radius: 50%;
	overflow: hidden;
}
.tabs-circle-top .tab a div {
	font-family: 'Lato', sans-serif;
	font-size: 40px;
	line-height: 100%;
	font-weight: 200;
	margin: -10px 0 5px;
}
.tabs-circle-top .tab a:hover {
	/*border: 4px solid #53afff;*/
	background-color: #F5F7FA;
	border-color: ##f0f0f0 !important;
}
.tabs-circle-top .tab.active {
	top: -15px;
}
.tabs-circle-top .tab.active a {
	height: 160px;
	width: 160px;
	max-width: 160px;
    background: #53afff;
	font-size: 15px;
	line-height: 140%;
	color: #FFF;
	border: 1px solid #53afff;
}
.tabs-circle-top .tab.active a:hover {
	border-color: transparent !important;
}
.tabs-circle-top .tab.active a div {
	font-size: 50px;
	margin: -13px 0 8px;
}
.tabs-circle-top.tab-container .panel-container {
	position: relative;
	margin-top: 30px;
	z-index: 1;
}
.tabs-circle-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}


/*===================================================================================*/
/*	TABS 2-BIG ON TOP
/*===================================================================================*/

.tabs-2-big-top .etabs {
	position: relative;
    padding: 0;
    margin: 0;
	z-index: 2;
}
.tabs-2-big-top .tab {
	position: relative;
    display: inline-block;
	width: 40%;
    border-bottom: 2px solid transparent;
	border-radius: 3px;
	margin: 0 15px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
.tabs-2-big-top .tab:before, .tabs-2-big-top .tab:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	height: 0;
	width: 0;
	border: solid transparent;
	pointer-events: none;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
.tabs-2-big-top .tab:before {
	border-width: 23px;
	margin-left: -23px;
}
.tabs-2-big-top .tab:after {
	border-width: 20px;
	margin-left: -20px;
}
.tabs-2-big-top .tab a {
    display: block;
	padding: 35px;
    color: #506A85;
	opacity: .5;
}
.tabs-2-big-top .tab:hover {
	background: #F7F9FA;
	border-color: #E6EBF0;
}
.tabs-2-big-top .tab:hover:before {
	border-top-color: #E6EBF0;
}
.tabs-2-big-top .tab:hover:after {
	border-top-color: #F7F9FA;
}
.tabs-2-big-top .tab.active {
    background: #FFF;
	border-color: #E1E7ED;
}
.tabs-2-big-top .tab.active:before {
	border-top-color: #E1E7ED;
}
.tabs-2-big-top .tab.active:after {
	border-top-color: #FFF;
}
.tabs-2-big-top .tab:hover a,
.tabs-2-big-top .tab.active a {
	opacity: 1;
}
.tabs-2-big-top .tab a p {
	margin-bottom: 0;
}
.tabs-2-big-top.tab-container .panel-container {
	position: relative;
	margin-top: 80px;
	z-index: 1;
}
.tabs-2-big-top.tab-container .panel-container p {
    margin: 0;
    padding-bottom: 20px;
}


/*===================================================================================*/
/*	TESTIMONIALS / QUOTES
/*===================================================================================*/

.format-quote {
	position: relative;
}
.format-quote:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: url("../images/art/pattern-background01.jpg");
	opacity: .05;
}
#testimonials #owl-testimonials {
	margin-top: 10px;
}
blockquote {
	position: relative;
}
#testimonials #owl-testimonials:before,
blockquote:before {
    display: block;
	position: relative;
    font-family: 'fontello';
    content: '\275e';
    font-size: 40px;
	line-height: 100%;
}
#testimonials #owl-testimonials:before {
	top: -10px;
	opacity: .3;
}
#testimonials #owl-testimonials blockquote:before {
	display: none;
}
blockquote:before {
	position: absolute;
	right: 0;
	bottom: 0;
}
.post.format-quote {
	background-color: #53afff;
}
.format-quote .meta,
.format-quote blockquote,
.format-quote blockquote footer,
.format-quote blockquote small,
.format-quote blockquote .small {
	color: #FFF;
}
.format-quote blockquote footer:before,
.format-quote blockquote small:before,
.format-quote blockquote .small:before,
.format-quote blockquote footer:after,
.format-quote blockquote small:after,
.format-quote blockquote .small:after {
	background-color: #FFF;
}
.format-quote .meta a:hover {
	color: #506A85;
}


/*===================================================================================*/
/*	ACCORDION / TOGGLE
/*===================================================================================*/
.panel-default{border:none;}
.panel-group {
	margin-bottom: 0;
}
.panel-group + .panel-group {
	margin-top: 20px;
}
.panel-group .panel {
    background:#fff;
    border-bottom:1px solid #f0f0f0;
    border-radius: 3px;
    box-shadow: none;
}
.panel-group .panel + .panel {
	margin-top: 10px;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
	border-top-color:#f5f5f5;
}
.panel-body {
	padding: 25px;
}
.panel-heading {
	background-color: inherit !important;
	color: inherit !important;
    padding: 0;
	border-color: inherit !important;
}
.panel-title {
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
	line-height: 1.42857;
	text-transform: uppercase;
}
.panel-title > a {
    display: block;
    padding:15px 10px;
}
.panel-title > a.collapsed {
	background:#fafafa;
	color: #666;
}
.panel-title > a,
.panel-title > a:hover {
	background: #fff;
}
.panel-title > a {
	color: #506A85;
}
.panel-title > a:hover {
	color: #53afff;
}
.panel-title > a span {
	display: block;
	position: relative;
	top: 0;
	color: #53afff;
	padding-right: 25px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
.text-right .panel-title > a span {
	padding-left: 25px;
	padding-right: 0;
}
.text-center .panel-title > a span {
	padding-left: 0;
	padding-right: 0;
}
.panel-title > a:hover span {
	color: inherit;
}
.text-center .panel-title > a:hover span {
	top: .5em;
	color: transparent;
}
.panel-title > a span:after {
	font-family: "fontello";
	content: "\e849";
	color:#999;
	font-weight:normal;
	position: absolute;
	top: 0;
	right: 0;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
.text-right .panel-title > a span:after {
	left: 0;
	right: auto;
}
.text-center .panel-title > a span:after {
	top: -.75em;
	left: 0;
	opacity: 0;
}
.panel-title > a.collapsed span:after {
	content: "\e84c";
	color:#999;
}
.text-center .panel-title > a:hover span:after {
	color: #53afff;
	top: -.5em;
	opacity: 1;
}
.panel-group .bordered {
	background: #FFF;
}

.light-bg .panel-group .panel {
    background: #FFF;
}
.light-bg .panel-title > a.collapsed,
.light-bg .blank .panel-title > a.collapsed {
	background: #F8FAFD;
}
.light-bg .panel-title > a,
.light-bg .blank .panel-title > a,
.light-bg .panel-title > a:hover,
.light-bg .blank .panel-title > a:hover {
	/*background: #E6E9ED;*/
	background: #FFF;
}

.dark-bg .panel-group .panel,
.dark-bg .panel-group .panel-heading + .panel-collapse .panel-body {
	border-color: #485867;
}
.dark-bg .panel-group .panel {
    background: #3A4A59;
}
.dark-bg .panel-title > a.collapsed {
	background: #566473;
}
.dark-bg .panel-title > a,
.dark-bg .panel-title > a:hover {
	/*background: #E6E9ED;*/
	background: #485867;
}
.dark-bg .panel-title > a,
.dark-bg .panel-title > a span {
	color: #FFF;
}
.dark-bg .blank .panel-title > a.collapsed {
    background: #2F4052;
}
.dark-bg .blank .panel-title > a.collapsed,
.dark-bg .blank .panel-title > a {
    border-color: #566473;
}
.dark-bg .blank .panel-title > a,
.dark-bg .blank .panel-title > a:hover {
	background: #485867;
}

.blank .panel-title > a.collapsed {
    background: #FFF;
}
.panel-group.blank .panel {
    background: none;
}
.panel-group.blank .panel {
	border: none;
}
.blank .panel-title > a.collapsed,
.blank .panel-title > a {
    border: 1px solid #E6E9ED;
}
.blank .panel-title > a,
.blank .panel-title > a:hover {
	background: #F5F7FA;
}
.blank .panel-heading,
.blank .panel-title > a {
    border-radius: 3px;
}
.panel-group.blank .panel-heading + .panel-collapse .panel-body {
	border: none;
}
.blank .panel-body {
	padding: 35px 0;
}
.blank.panel-group .bordered,
.light-bg .panel-group .bordered,
.dark-bg .panel-group .bordered {
	background: #F5F7FA;
}
.light-bg .blank.panel-group .bordered {
	background: #FFF;
}


/*===================================================================================*/
/*	PORTFOLIO
/*===================================================================================*/

.items {
    list-style: none;
    margin: 0;
    padding: 0;
}
.items:before,
.items:after {
    display: table;
    content: "";
    line-height: 0;
}
.items:after {
    clear: both
}
.items li {
    float: left;
    min-height: 1px;
    position: relative;
}
.items.col-3 {
    margin-left: -8px;
    margin-bottom: -8px;
}
.items.col-3 li {
    width: 318px;
    margin-left: 8px;
    margin-bottom: 8px;
}
.items.col-3.gap {
    margin-left: -20px;
    margin-bottom: -20px;
}
.items.col-3.gap li {
    width: 310px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.items.col-4 {
    margin-left: -10px;
    margin-bottom: -10px;
}
.items.col-4 li {
    width: 235px;
    margin-left: 10px;
    margin-bottom: 10px;
}
.items.col-4 .post-title {
    font-size: 16px;
    margin-bottom: 3px;
}
.items.fullscreen {
    width: 100%;
    clear: both;
	margin: 0 0 -1px 0;
    padding: 0;
    list-style: none;
}
.items.fullscreen li {
    float: left;
    position: relative;
    background: none;
    padding: 0;
	width: 16.666666666%;
}
.items.fullscreen li img {
    display: block;
    /*position: relative;*/
    width: 100%;
    height: auto;
}
.items.fullscreen:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.items li img {
    display: block;
    width: 200px;
	text-align:center;
}
.items li,
.items li img,
.thumbs .thumb figure,
.owl-carousel .item figure {
	display: block;
    position: relative;
}
.items li {
    overflow: hidden;
}
.items li .text-overlay,
.thumbs .thumb .text-overlay,
.owl-carousel .item .text-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    z-index: 100;
	padding: 10%;
	font: 0px/0 a; /* remove the gap between inline(-block) elements */
    background-color: rgba(26,187,156, 0.9);
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
    opacity: 0;
}
.items li .text-overlay:before,
.thumbs .thumb .text-overlay:before,
.owl-carousel .item .text-overlay:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.items li:hover .text-overlay,
.thumbs .thumb:hover .text-overlay,
.owl-carousel .item:hover .text-overlay {
    opacity: 1;
}
.thumbs .thumb:hover .member .text-overlay {
	opacity: 0;
}
.thumbs .thumb .member .member-image:hover .text-overlay {
	opacity: 1;
}
.items li .text-overlay .info,
.thumbs .thumb .text-overlay .info,
.owl-carousel .item .text-overlay .info {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	height: auto;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px;
	line-height: 22px;
	/*color: #FFF;*/
	text-align: center;
}
.items li .text-overlay .info h2,
.thumbs .thumb .text-overlay .info h2,
.owl-carousel .item .text-overlay .info h2,
.items li .text-overlay .info h3,
.thumbs .thumb .text-overlay .info h3,
.owl-carousel .item .text-overlay .info h3,
.items li .text-overlay .info h4,
.thumbs .thumb .text-overlay .info h4,
.owl-carousel .item .text-overlay .info h4 {
	color: #FFF;
	margin-bottom: 2px;
}
.items li .text-overlay .info p,
.thumbs .thumb .text-overlay .info p,
.owl-carousel .item .text-overlay .info p {
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	margin-bottom: 0;
	font-family: "microsoft yahei","Helvetica Neue", Helvetica, Arial;
}
.items li .text-overlay .info.big p,
.thumbs .thumb .text-overlay .info.big p,
.owl-carousel .item .text-overlay .info.big p,
#hero .items li .text-overlay .info.big p,
#hero .thumbs .thumb .text-overlay .info.big p,
#hero .owl-carousel .item .text-overlay .info.big p {
	font-size: 18px;
	line-height: 140%;
	padding-top: 10px;
	margin-top: 0;
	font-family: "microsoft yahei","Helvetica Neue", Helvetica, Arial;
}

#owl-clients .item .text-overlay,
#clients .thumb .text-overlay {
	background: none;
}

#owl-clients .item img,
#clients .thumb img {
    -webkit-transition: all 200ms ease-out;
       -moz-transition: all 200ms ease-out;
         -o-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
}

#owl-clients .item:hover img,
#clients .thumb:hover img {
	opacity: .1;
}

#owl-clients .item .text-overlay .info h4,
#owl-clients .item .text-overlay .info p,
#clients .thumb .text-overlay .info h4,
#clients .thumb .text-overlay .info p {
	color: inherit;
}
.filter,
.format-filter {
	padding: 0;
    margin-bottom: 40px;
}
.filter:before,
.format-filter:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	border-bottom: 1px solid ##f0f0f0;
}
.filter li,
.format-filter li {
    display: inline;
	position: relative;
	background: #FFF;
	font-size: 15px;
    /*font-weight: 700;*/
	line-height: 150%;
	letter-spacing: .031em;
    text-transform: uppercase;
	margin: 0 -2px;
}
.light-bg .format-filter li {
	background: #F2F5F7;
}
.filter li:after,
.format-filter li:after {
	content: "\00b7";
}
.filter li:last-child:after,
.format-filter li:last-child:after {
	content: "";
}
.filter li a,
.format-filter li a {
    padding: 0 15px;
}
.light-bg .filter:before {
	border-color: #BCC7D1;
}
.light-bg .filter li {
	background: #F2F5F7;
}
.dark-bg .filter:before {
	border-color: #73879C;
}
.dark-bg .filter li {
	background: #2F4052;
}
.isotope,
.isotope .isotope-item {
	-webkit-transition-duration: 600ms;
	   -moz-transition-duration: 600ms;
	    -ms-transition-duration: 600ms;
	     -o-transition-duration: 600ms;
	        transition-duration: 600ms;
}
.isotope {
	-webkit-transition-property: height, width;
	   -moz-transition-property: height, width;
	    -ms-transition-property: height, width;
	     -o-transition-property: height, width;
	        transition-property: height, width;
}
.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	   -moz-transition-property: -moz-transform, opacity;
	    -ms-transition-property: -ms-transform, opacity;
	     -o-transition-property: top, left, opacity;
	        transition-property: transform, opacity;
}
.isotope figure,
.items figure {
	margin: 0;
}
.post-content .isotope figure {
	margin: auto;
}


/*===================================================================================*/
/*	OVERLAY
/*===================================================================================*/

.icon-overlay {
    display: block;
    position: relative;
}
.icon-overlay img {
    display: block;
    max-width: 100%;
}
.icon-overlay a .icn-more {
    opacity: 0;
    height: 100%;
    position: absolute;
	left: 0;
	top: 0;
    text-decoration: none;
    width: 100%;
    z-index: 100;
    /*background-color: rgba(26,187,156, 0.9);*/
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    overflow: hidden;
}
.icon-overlay a:hover .icn-more {
    opacity: 1;
}
.icon-overlay a .icn-more:before {
    font-family: 'fontello';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    position: absolute;
    text-align: center;
    content: '\2b';
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 1;
    color: rgba(255, 255, 255, 0);
    top: 50%;
    left: 50%;
    z-index: 2;
    margin: -30px 0 0 -30px;
    -moz-transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.icon-overlay a:hover .icn-more:before {
    font-size: 30px;
	padding-top: 15px;
}
.icon-overlay.icn-link a .icn-more:before {
    content: '\2b';
}


/*===================================================================================*/
/*	PORTFOLIO POST
/*===================================================================================*/

.item-details {
    list-style: none;
	font-size: 16px;
	line-height: 140%;
	padding-left: 0;
	margin-bottom: 0;
}
.item-details li + li {
	margin-top: 6px;
}
.item-details li:before {
	content: "";
	font-family: "fontello";
    color: #506A85;
    margin-right: 10px;
}
.item-details li.date:before {
	content: "\e82c";
}
.item-details li.categories:before {
	content: "\e70d";
}
.item-details li.client:before {
	content: "\f464";
}
.item-details li.url:before {
	content: "\f30e";
}
.text-center .item-details li {
	display: inline-block;
	margin: 0 15px 6px;
}


/*===================================================================================*/
/*	OWL CAROUSEL
/*===================================================================================*/

.owl-carousel {
	text-align: center;
	cursor: default;
}
.owl-controls {
	display: inline-block;
    position: relative;
    margin-top: 40px;
	margin-bottom:20px;
}
.panel-group .panel .owl-controls {
    margin-top: 25px;
}
.panel-group.blank .panel .owl-controls {
    margin-top: 40px;
}
.owl-pagination {
	position: relative;
	line-height: 30px;
}
.owl-buttons {
	display: none;
}
.owl-prev,
.owl-next {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 30px;
	height: 30px;
	font-size: 30px;
	color: #000;
	background-color:rgba(245, 245, 245, 0.5);;
	border: none;
	-webkit-border-radius:30px;
	   -moz-border-radius:30px;
			border-radius:30px;
	margin: auto;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
	opacity: 0;
}
.owl-prev {
	left: -35px;
}
.owl-next {
	right: -35px;
}
.owl-carousel:hover .owl-prev {
	left: -40px;
	opacity: .25;
}
.owl-carousel:hover .owl-next {
	right: -40px;
	opacity: .25;
}
.owl-carousel:hover .owl-prev:hover,
.owl-carousel:hover .owl-next:hover {
    color: #53afff;
	opacity: 1;
}
.owl-outer-nav:after {
	content: "";
	position: absolute;
	top: 0;
	left: -15%;
	width: 130%;
	height: 100%;
	z-index: 0;
}
.owl-outer-nav .owl-wrapper-outer,
.owl-outer-nav .owl-pagination,
.owl-outer-nav .owl-prev,
.owl-outer-nav .owl-next {
	z-index: 1;
}
.owl-outer-nav .owl-controls {
	position: static;
}
.owl-outer-nav .owl-prev {
	left: -65px;
}
.owl-outer-nav .owl-next {
	right: -65px;
}
.owl-outer-nav:hover .owl-prev {
	left: -80px;
}
.owl-outer-nav:hover .owl-next {
	right: -80px;
}


.owl-ui-md .owl-pagination {
	line-height: 45px;
}
.owl-ui-md .owl-prev,
.owl-ui-md .owl-next {
	width: 45px;
	height: 45px;
	font-size: 45px;
}
.owl-ui-md .owl-prev {
	left: -55px;
}
.owl-ui-md .owl-next {
	right: -55px;
}
.owl-ui-md:hover .owl-prev {
	left: -60px;
}
.owl-ui-md:hover .owl-next {
	right: -60px;
}

.owl-outer-nav.owl-ui-md:after {
	left: -18%;
	width: 136%;
}
.owl-outer-nav.owl-ui-md .owl-prev {
	left: -85px;
}
.owl-outer-nav.owl-ui-md .owl-next {
	right: -85px;
}
.owl-outer-nav.owl-ui-md:hover .owl-prev {
	left: -100px;
}
.owl-outer-nav.owl-ui-md:hover .owl-next {
	right: -100px;
}

.owl-ui-lg .owl-pagination {
	line-height: 60px;
}
.owl-ui-lg .owl-prev,
.owl-ui-lg .owl-next {
	width: 60px;
	height: 60px;
	font-size: 60px;
}
.owl-ui-lg .owl-prev {
	left: -75px;
}
.owl-ui-lg .owl-next {
	right: -75px;
}
.owl-ui-lg:hover .owl-prev {
	left: -80px;
}
.owl-ui-lg:hover .owl-next {
	right: -80px;
}

.owl-outer-nav.owl-ui-lg:after {
	left: -22%;
	width: 144%;
}
.owl-outer-nav.owl-ui-lg .owl-prev {
	left: -105px;
}
.owl-outer-nav.owl-ui-lg .owl-next {
	right: -105px;
}
.owl-outer-nav.owl-ui-lg:hover .owl-prev {
	left: -120px;
}
.owl-outer-nav.owl-ui-lg:hover .owl-next {
	right: -120px;
}

.owl-inner-nav .owl-controls {
	position: static;
}
.owl-inner-nav .owl-prev {
	left: 45px;
}
.owl-inner-nav .owl-next {
	right: 45px;
}
.owl-inner-nav:hover .owl-prev {
	left: 30px;
}
.owl-inner-nav:hover .owl-next {
	right: 30px;
}

.owl-outer-nav .owl-prev,
.owl-outer-nav .owl-next,
.owl-inner-nav .owl-prev,
.owl-inner-nav .owl-next {
	bottom: 70px;
}

.owl-outer-nav.owl-ui-md .owl-prev,
.owl-outer-nav.owl-ui-md .owl-next,
.owl-inner-nav.owl-ui-md .owl-prev,
.owl-inner-nav.owl-ui-md .owl-next {
	bottom: 85px;
}

.owl-outer-nav.owl-ui-lg .owl-prev,
.owl-outer-nav.owl-ui-lg .owl-next,
.owl-inner-nav.owl-ui-lg .owl-prev,
.owl-inner-nav.owl-ui-lg .owl-next {
	bottom: 100px;
}

.owl-inner-pagination .owl-pagination,
.owl-inner-pagination .owl-prev,
.owl-inner-pagination .owl-next {
	margin-top: -40px;
	top: -60px;
}

.owl-inner-pagination.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-ui-md .owl-prev,
.owl-inner-pagination.owl-ui-md .owl-next {
	margin-top: -50px;
	top: -65px;
}

.owl-inner-pagination.owl-ui-lg .owl-pagination,
.owl-inner-pagination.owl-ui-lg .owl-prev,
.owl-inner-pagination.owl-ui-lg .owl-next {
	margin-top: -60px;
	top: -75px;
}

.owl-inner-pagination.owl-outer-nav .owl-prev,
.owl-inner-pagination.owl-outer-nav .owl-next,
.owl-inner-pagination.owl-inner-nav .owl-prev,
.owl-inner-pagination.owl-inner-nav .owl-next {
	margin: auto;
	top: 0;
	bottom: 43px;
}

.owl-inner-pagination .owl-pagination {
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
	opacity: 0;
}

.owl-inner-pagination:hover .owl-pagination {
	opacity: 1;
}

.owl-inner-pagination.owl-inner-nav .owl-pagination,
.owl-inner-pagination.owl-outer-nav .owl-pagination {
	top: -45px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md .owl-pagination {
	top: -50px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg .owl-pagination {
	top: -60px;
}

.owl-inner-pagination.owl-inner-nav:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav:hover .owl-pagination {
	top: -60px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-md:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-md:hover .owl-pagination {
	top: -65px;
}

.owl-inner-pagination.owl-inner-nav.owl-ui-lg:hover .owl-pagination,
.owl-inner-pagination.owl-outer-nav.owl-ui-lg:hover .owl-pagination {
	top: -75px;
}

#owl-main .item {
	height: 44vh;
	background-color: #FFF;
	background-position: center 55%;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
}
#owl-main.height-md .item {
	height:56vh;
}
#owl-main.height-lg .item {
	width:100%;
	height:540px;
}
#owl-main .container {
	display: table;
	height: inherit;
}
#owl-main .caption {
	display: table-cell;
}
#owl-main .caption.vertical-center {
	vertical-align: middle;
	padding-bottom: 3vh;
	padding-left: 10vh;
	padding-right: 10vh;
}
#owl-main .caption.vertical-top {
	vertical-align: top;
	padding-top: 8vh;
}
#owl-main .caption.vertical-bottom {
	vertical-align: bottom;
	padding-bottom: 14vh;
}
#owl-main .caption.text-center {
	padding-left: 10%;
	padding-right: 10%;
}
#owl-main .caption.text-left {
	padding-right: 20%;
}
#owl-main .caption.text-right {
	padding-left: 20%;
}
#owl-main .caption h1,
#owl-main .caption p,
#owl-main .caption div {
	position: relative;
}
#owl-main .caption h1 span {
	padding: .250em 0;
	line-height: 150%;
}
#owl-main .caption .light-bg,
#owl-main .caption .medium-bg,
#owl-main .caption .dark-bg,
#owl-main .caption .tint-bg {
	background: none;
}
#owl-main .owl-controls {
	display: block;
	position: static;
	margin-top: -47px;
}
#owl-main .owl-pagination {
/*	background: #FFF;*/
	line-height: inherit;
	position: relative;
/*	bottom: -40px;
	padding: 10px;*/
	display: inline-block;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
			border-radius: 3px;
	margin: auto;
	opacity: 0;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
#owl-main:hover .owl-pagination {
	opacity: 1;
}
#owl-main .owl-prev,
#owl-main .owl-next {
	bottom: 0;
}

.owl-controls .owl-page {
    display: inline-block;
}
.owl-pagination .owl-page span {
	display: block;
	width: 15px;
	height: 15px;
	background: #dfe4ec;
	border: none;
	-webkit-border-radius: 50%;
			border-radius: 50%;
	margin: 0 5px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}
#hero .owl-pagination .owl-page span{border:1px solid #fff;background-color:rgba(223, 228, 236, 0);}
#hero .owl-pagination .owl-page.active span,#hero .owl-pagination .owl-page:hover span{background-color:#fff;}
.owl-pagination .owl-page.active span,
.owl-pagination .owl-page:hover span {
	background: #53afff;
}
.owl-item-gap .item {
    margin: 0 15px;
}
.owl-item-gap-sm .item {
    margin: 0 10px;
}
/* preloading images */
.owl-item.loading {
    min-height: inherit;
    background: none;
}


/*===================================================================================*/
/*	PRICING TABLES
/*===================================================================================*/

.pricing .plan {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	overflow: hidden;
}
.pricing .plan header {
	background: #2F4052;
	text-align: center;
	padding: 50px;
}
.pricing .plan h2 {
	font-size: 20px;
	font-weight: 400;
	letter-spacing: .15em;
	text-transform: uppercase;
	color: #FFF;
}
.pricing .plan .btn {
	margin-bottom: 0;
}
.pricing .plan .price {
	margin-bottom: 15px;
}
.pricing .plan .price * {
	font-family: 'Lato', sans-serif;
	line-height: 100%;
}
.pricing .plan .price .amount {
	font-size: 120px;
	font-weight: 900;
	color: #FFF;
}
.pricing .plan .price .currency {
	position: relative;
	top: 16px;
	font-size: 24px;
	vertical-align: top;
	margin-right: 5px;
}
.pricing .plan .price .period {
	font-size: 16px;
	text-transform: uppercase;
}
.pricing .plan .features {
    background: #F5F7FA;
    padding: 25px 35px;
    border: 1px solid #E6E9ED;
    border-top: none;
	border-bottom-width: 2px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-top: 0 !important;
}
.pricing .plan .features li {
    padding: 15px 0;
	/*border-top: 1px solid ##f0f0f0;*/
	border-top: 1px solid #BCC7D1;
}
.pricing .plan .features li:first-child {
	border: none;
}
.pricing .plan .features li i {
	margin-right: 10px;
}
.pricing.col-4 .plan header {
	padding: 40px;
}
.pricing.col-4 .plan h2 {
	font-size: 18px;
}
.pricing.col-4 .plan .price .amount {
	font-size: 90px;
}
.pricing.col-4 .plan .features {
    padding: 20px 30px;
}


/*===================================================================================*/
/*	FORMS
/*===================================================================================*/

.forms {
    position: relative;
    padding: 0;
    width: 100%;
}
.form-container .response {
    display: none;
}
.forms ol {
    margin: 0;
    padding: 0;
}
.forms ol li {
    line-height: auto;
    list-style: none;
}
input,
textarea,
.uneditable-input,
.form-inline .form-control,
.navbar-form .form-control {
    width: 100%;
}
select,
textarea,
textarea.form-control,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    height: 40px;
    padding: 0 10px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 25px;
    color: #73879C;
    resize: none;
    vertical-align: middle;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f5f5f5;
    border: 1px solid #E6E9ED;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
}
textarea:focus,
textarea.form-control:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border: 1px solid #BCC7D1;
    box-shadow: none;
}
textarea {
    height: 100%;
    padding: 10px;
    margin-bottom: 15px;
    min-height: 150px;
    resize: vertical;
}
textarea.form-control {
	padding: 10px;
}
.btn-submit {
    width: auto;
}
.forms .btn-submit {
	margin-bottom: 0;
}
.forms .error,
.forms .error:focus {
    border: 1px solid #d99898;
}
.forms label {
    display: block;
    float: left;
    width: 95px;
    padding-top: 7px;
    font-size: 13px;
    clear: both;
}
.forms input,
.forms textarea {
	background: #F8FAFD;
	border-radius: 3px;
}
.light-bg .forms input,
.light-bg .forms textarea {
	background: #FFF;
}
.form-container:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.newsletter {
    position: relative;
}
.newsletter input[type="email"] {
    background: rgba(255,255,255,0.15);
	padding-right: 100px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    color: #FFF !important;
}
.newsletter input[type="email"]:focus {
    background: rgba(255,255,255,0.20);
}
.navbar .searchbox .dropdown-menu {
	width: 270px;
}
.search {
	position: relative;
	margin: 15px;
	margin-bottom: 0;
}
.search input[type="search"] {
    background: #FFF;
	padding-right: 40px;
}
.newsletter .btn-submit,
.search .btn-submit {
    position: absolute;
    right: 0;
    top: 0;
	padding: 0;
	margin-top: 5px;
	margin-right: 5px;
    color: #FFF !important;
	line-height: 1;
}
.navbar-form.search .btn-submit {
	width: 30px;
	height: 30px;
}
footer .newsletter .btn-submit {
	width: 88px;
	height: 30px;
	font-size: 13px;
}
#response ul.errors {
	margin-bottom: 25px;
}
#response .btn i {
	font-size: 12px;
}
.dark-bg input,
.dark-bg button,
.dark-bg select,
.dark-bg textarea {
    color: #A3B1BF;
}
.form-control::-webkit-input-placeholder {
    color: #C2C7CC;
}
.form-control:-moz-placeholder {
    color: #C2C7CC;
}
.form-control::-moz-placeholder {
    color: #C2C7CC;
}
.form-control:-ms-input-placeholder {
    color: #C2C7CC;
}
.dark-bg .form-control::-webkit-input-placeholder {
    color: #828E99;
}
.dark-bg .form-control:-moz-placeholder {
    color: #828E99;
}
.dark-bg .form-control::-moz-placeholder {
    color: #828E99;
}
.dark-bg .form-control:-ms-input-placeholder {
    color: #828E99;
}
.search .form-control::-webkit-input-placeholder {
    color: #C2C7CC;
}
.search .form-control:-moz-placeholder {
    color: #C2C7CC;
}
.search .form-control::-moz-placeholder {
    color: #C2C7CC;
}
.search .form-control:-ms-input-placeholder {
    color: #C2C7CC;
}
input:focus::-webkit-input-placeholder {
    color: transparent !important;
}
input:focus:-moz-placeholder {
    color: transparent !important;
}
input:focus::-moz-placeholder {
    color: transparent !important;
}
input:focus:-ms-input-placeholder {
    color: transparent !important;
}


/*===================================================================================*/
/*	BLOG
/*===================================================================================*/

.blog.no-sidebar .post,
.blog.no-sidebar #comments,
.blog.no-sidebar .pagination,
.blog.no-sidebar .comment-form-wrapper {
    width: 770px;
    margin: 0px auto !important;
}
.blog.no-sidebar .post-title,
.blog.no-sidebar .meta {
    text-align: center
}
.format-filter li {
	font-size: 24px;
}
.format-filter li:after {
	content: "";
}
.format-filter li a {
	padding: 0 35px;
}
.classic-blog .meta {
	margin-right: -5px;
	margin-left: -5px;
}
.classic-blog .post-content .meta {
	padding-left: 80px;
	padding-right: 80px;
	margin-bottom: 25px;
}
.meta li {
	display: inline-block;
	margin: 0 6px;
}
.meta li.categories:before,
.meta li a:before {
	content: "";
	font-family: "fontello";
	margin-right: 6px;
}
.meta li.categories a:before,
.meta li.categories:before {
	margin-right: 0;
}
/*.meta li.categories:before {
	content: "\e70d";
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}*/
.meta li.categories:hover:before {
	color: #53afff;
	cursor: pointer;
}
.meta li.url a:before {
	content: "\f30e";
}
.meta li.author-posts a:before {
	content: "\27a6";
}
.meta li.comments a:before {
	content: "\e718";
}
.meta li.comments a:after {
	content: "Comments";
	margin-left: 4px;
}
.meta li.likes a:before {
	content: "\2665";
}
.meta li.likes a:after {
	content: "Likes";
	margin-left: 4px;
}
.meta li:after {
	/*content: "\0399";*/
	content: "|";
    margin-left: 12px;
}
.meta li:last-child:after {
	content: "";
}
.classic-blog .sidemeta,
.classic-blog .pagination {
	padding-left: 59px;
	border-left: 1px solid ##f0f0f0;
	margin-left: 30px;
}
.classic-blog .post .date-wrapper {
    text-align: center;
    display: table;
    float: left;
    margin-right: 20px;
}
.classic-blog .post .date {
    display: table-cell;
    vertical-align: middle;
    line-height: 1;
    width: 60px;
    height: 60px;
    border: 1px solid #53afff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #53afff;
    font-weight: bold;
    color: #FFF;
    line-height: 1;
    text-transform: uppercase;
}
.classic-blog .post .date .day {
    font-size: 20px;
    margin-bottom: 1px;
    display: block;
}
.classic-blog .post .date .month {
    font-size: 12px;
    display: block;
}
.classic-blog .sidemeta .format-wrapper {
    display: table;
}
.classic-blog.sidebar-left .sidemeta,
.classic-blog.sidebar-left .pagination {
	padding-left: 0;
	border-left: none;
	margin-left: 0;
	padding-right: 59px;
	border-right: 1px solid ##f0f0f0;
	margin-right: 30px;
}
.classic-blog.sidebar-left .post .date-wrapper {
    margin-right: 0;
    margin-left: 20px;
}
.classic-blog.no-sidebar .sidemeta,
.classic-blog.no-sidebar .pagination {
	position: relative;
	left: -30px;
}
#blog-post .classic-blog .post {
	width: 100%;
}
.classic-blog .post {
	width: 750px;
}
.classic-blog .post-title {
    font-size: 40px;
	line-height: 120%;
}
.classic-blog .isotope {
	overflow: visible !important;
}
.classic-blog #share {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 40px;
}
.classic-blog .panel-group {
	margin-bottom: 40px;
}
.post {
    position: relative;
	background: #FFF;
    padding-bottom: 60px;
	border: 1px solid #E6E9ED;
	border-bottom-width: 2px;
	border-radius: 3px;
	margin-bottom: 40px;
}
.sidemeta .format-wrapper a {
    display: table-cell;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background: #FFF;
    text-align: center;
    color: #53afff;
    line-height: 1;
	border: 1px solid #53afff;
    border-radius: 50%;
}
.sidemeta .format-wrapper a:hover {
	background: #53afff;
	color: #FFF;
}
.post-content > * {
	margin-left: 80px;
	margin-right: 80px;
}
.post-content *:last-child {
	margin-bottom: 0;
}
.post-content > .post-media {
	margin-left: 0;
	margin-right: 0;
}
.post-content > *:first-child,
.post-media + * {
	margin-top: 60px;
}
.post-content > .post-media:first-child {
	margin-top: 0;
}
.owl-carousel.post-media + * {
	margin-top: 20px;
}
.post-media iframe {
	margin-bottom: -7px;
}
.sidemeta .date-wrapper {
    position: absolute;
    top: 0;
    left: -90px;
}
.sidemeta .format-wrapper {
    position: absolute;
    top: 75px;
    left: -80px;
    font-size: 15px;
}
.classic-blog.sidebar-left .sidemeta .date-wrapper {
    left: auto;
    right: -90px;
}
.classic-blog.sidebar-left .sidemeta .format-wrapper {
    left: auto;
    right: -80px;
}
.grid-blog .post figure {
    margin-bottom: -1px;
}
.grid-blog .post .date {
    display: inline;
}
.grid-blog:before,
.grid-blog:after {
    display: table;
    content: "";
    line-height: 0;
}
.grid-blog:after {
    clear: both;
}
.grid-blog .post {
    float: left;
    min-height: 1px;
    position: relative;
}
.grid-blog.col-2 .post,
.grid-blog.col-3.no-sidebar .post {
	padding-bottom: 40px;
}
.grid-blog.col-2 .post-content > *,
.grid-blog.col-3.no-sidebar .post-content > * {
    margin-left: 40px;
	margin-right: 40px;
}
.grid-blog.col-2 .post-content > .post-media,
.grid-blog.col-3.no-sidebar .post-content > .post-media {
    margin-left: 0;
	margin-right: 0;
}
.grid-blog.col-2 .post-content > *:first-child,
.grid-blog.col-2 .post-media + *,
.grid-blog.col-3.no-sidebar .post-content > *:first-child,
.grid-blog.col-3.no-sidebar .post-media + * {
	margin-top: 40px;
}
.grid-blog.col-2 .post-content > .post-media:first-child,
.grid-blog.col-2 .owl-carousel.post-media + *,
.grid-blog.col-3.no-sidebar .post-content > .post-media:first-child,
.grid-blog.col-3.no-sidebar .owl-carousel.post-media + * {
	margin-top: 0;
}
.grid-blog.col-2 .post-title,
.grid-blog.col-3.no-sidebar .post-title {
    font-size: 30px;
}
.grid-blog.col-2 .post-content .meta,
.grid-blog.col-3.no-sidebar .post-content .meta {
	padding-left: 40px;
	padding-right: 40px;
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 25px;
}
.grid-blog.col-2.no-sidebar .post {
	padding-bottom: 50px;
}
.grid-blog.col-2.no-sidebar .post-content > * {
    margin-left: 50px;
	margin-right: 50px;
}
.grid-blog.col-2.no-sidebar .post-content > .post-media {
    margin-left: 0;
	margin-right: 0;
}
.grid-blog.col-2.no-sidebar .post-content > *:first-child,
.grid-blog.col-2.no-sidebar .post-media + * {
	margin-top: 45px;
}
.grid-blog.col-2.no-sidebar .post-content > .post-media:first-child,
.grid-blog.col-2.no-sidebar .owl-carousel.post-media + * {
	margin-top: 0;
}
.grid-blog.col-2.no-sidebar .post-title {
    font-size: 33px;
}
.grid-blog.col-2.no-sidebar .post-content .meta {
	padding-left: 50px;
	padding-right: 50px;
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: 25px;
}
.post.format-link {
	background: #2F4052;
	color: #A3B1BF;
}
.post.format-link .post-title {
	color: #FFF;
}


/*===================================================================================*/
/*	AUTHOR
/*===================================================================================*/

.author {
	font-family: 'Lato', sans-serif;
    font-size: 14px;
	font-weight: 700;
    line-height: 160%;
	color: #506A85;
    margin-bottom: 5px;
}
.author a {
	border-bottom: none;
}
.post-author,
#comments {
	background: #FFF;
    padding: 40px;
	border: 1px solid #E6E9ED;
	border-bottom-width: 2px;
	border-radius: 3px;
	margin-bottom: 40px;
}
.post-author .author-image {
    float: left;
}
.post-author .author-image img {
    width: 120px;
}
.post-author .author-details {
	position: relative;
	font-size: inherit;
	padding-top: 0;
	padding-left: 30px;
	z-index: 0;
	overflow: hidden;
}
.post-author .author-details p a {
	font-weight: 700;
	border-bottom: none;
}
.post-author .author-details .social li {
	display: table-cell;
}
.post-author .author-details .social li a i {
	width: 33px;
	height: 45px;
	font-size: 15px;
}
.post-author .author-details .meta {
	padding-left: 0;
	margin-top: 12px;
}
.post-author .author-details .social,
.post-author .author-details .meta {
	float: left;
	display: inline-block;
}


/*===================================================================================*/
/*	SIDEBAR
/*===================================================================================*/

.sidebar {
    padding-left: 25px !important
}
.sidebar.left-sidebar {
    padding: 15px !important
}
.sidebox + .sidebox {
    margin-top: 60px;
}
.sidebox h3 {
    font-size: 16px;
    margin-bottom: 15px;
}
.sidebox.widget form,
.sidebox.widget input {
    margin: 0;
}
.sidebox.widget input {
    border-radius: 3px;
}
.widget .list {
    list-style: none;
    margin: 0;
}
.sidenav {
	background: #F5F7FA;
    padding: 0;
	border: 1px solid #E6E9ED;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
    margin: 0;
}
.sidenav li {
	border-bottom: 1px solid #E6E9ED;
}
.sidenav li a {
	display: block;
    position: relative;
    font-size: 14px;
    font-weight: 700;
	line-height: 20px;
    text-transform: uppercase;
    color: #506A85;
    padding: 13px 18px;
}
.sidenav li a:hover {
	background: #53afff;
    color: #FFF;
}
.sidenav li a:after {
    position: absolute;
	right: 18px;
    content: "\e762";
    font-family: 'fontello';
    font-size: 18px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
	opacity: 0;
}
.sidenav li a:hover:after {
	opacity: 1;
}


/*===================================================================================*/
/*	TOOLTIPS
/*===================================================================================*/

.tooltip-inner {
	color: #fff;
	background-color: #53afff;
	padding: 5px 12px;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
	border-top-color: #53afff;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #53afff;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #53afff;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
	border-bottom-color: #53afff;
}

/*===================================================================================*/
/*	PAGINATION
/*===================================================================================*/

.pagination {
	display: block;
	border-radius: 0;
	margin: 0;
}
.pagination > li {
	display: inline-block;
	margin-left: 10px;
}
.pagination > li:first-child {
	margin-left: 0;
}
.pagination > li > a,
.pagination > li > span {
	float: none;
	display: inline-block;
    color: #fff;
    font-family: 'Source Sans Pro', sans-serif;
    background: #53afff;
    padding: 8px 15px 9px;
	margin-left: 0;
    font-weight: 700;
    font-size: 14px;
    text-shadow: none;
    text-transform: uppercase;
    border: none;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -webkit-border-radius:0px;
    border-radius:0px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > li > a:hover,
.pagination > li > a:focus {
    background: #53afff;
    color: #FFF;
}
.pagination > li:first-child > a,
.pagination > li:last-child > a {
    border-radius:0px;
}


/*===================================================================================*/
/*	COMMENTS
/*===================================================================================*/

#comments {
    position: relative;
}
#comments .commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}
#comments .commentlist > .comment {
    padding-top: 40px;
    border-top: 1px solid #E6E9ED;
    margin-top: 40px;
}
#comments .commentlist > .comment:first-child {
    border-top: none;
    padding-top: 0;
}
#comments .comment *:last-child {
    margin-bottom: 0;
}
#comments .commentlist .children {
	padding-left: 80px;
}
#comments .commentlist .children .comment {
	padding-top: 40px;
}
#comments .avatar {
    float: left;
}
#comments .avatar span {
	border-radius: 50%;
}
#comments .avatar img {
	border-radius: 50%;
    width: 60px;
    height: 60px;
}
#comments .commentbody {
	padding-left: 22px;
    overflow: hidden;
}
#comments .author {
    margin-bottom: 15px;
}
#comments .author h3 {
	display: inline-block;
	margin-bottom: 0;
	margin-right: 15px;
}
#comments .author .meta {
    display: inline-block;
	/*opacity: .5;*/
	color: #BCC7D1;
	margin: 0;
}
#comments .message .meta {
	text-align: right;
	/*opacity: .5;*/
	color: #BCC7D1;
	padding-left: 0;
}
#comments .message .meta li {
	padding-top: 0;
	border-top: none;
	margin-top: 0;
}
#comments .message .meta li.reply {
	float: left;
}
#comments .message .meta li.reply a:before {
	font-family: 'fontello';
	content: "\e712";
	margin-right: 6px;
}
#comments .message .meta li a:before,
#comments .message .meta li:after {
	content: "";
	margin-left: 0;
	margin-right: 0;
}
.comment-form-wrapper p {
    padding-bottom: 20px
}
.blog.no-sidebar #comments .meta {
    text-align: left
}


/*===================================================================================*/
/*	GO TO TOP / SCROLL UP
/*===================================================================================*/

/*#scrollUp {
	bottom: 60px;
	right: 20px;
	font-size: 36px;
	line-height: 100%;
	color: #FFF;
	background-color:rgba(51, 51, 51, 0.6);
	padding: 3px;
	-webkit-border-radius:0px;
	   -moz-border-radius:0px;
			border-radius:0px;
	opacity: .5;
}
#scrollUp:hover {
	color: #53afff;
	opacity: 1;
}*/


/*===================================================================================*/
/*	FEATURES / STYLES
/*===================================================================================*/

.font-icons {
    list-style: none;
    margin: 0;
    padding: 0;
}
.font-icons li {
    display: inline-block;
    font-size: 25px;
    margin-bottom: 10px;
    padding: 0 10px;
}
.alert .close {
    line-height: 28px;
}
.retina-icons-code i {
    font-size: 18px;
}
.retina-icons-code tr td:first-child,
.retina-icons-code tr th:first-child {
    text-align: center;
}
.retina-icons-code code {
    color: #73879C;
    background: none;
}
.table-bordered {
    border: 1px solid #E6E9ED;
    border-left: none;
    background: #FFF;
}
.table-bordered th,
.table-bordered td {
    border-left: 1px solid #E6E9ED;
}
.table th,
.table td {
    border-top: 1px solid #E6E9ED;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #F5F7FA;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border-color: #E6E9ED;
}


/*===================================================================================*/
/*	MODALS
/*===================================================================================*/

.modal {
	z-index: 9000;
	background: none;
}
.modal.fade {
	-webkit-transition: opacity 200ms ease-out;
		 -o-transition: opacity 200ms ease-out;
			transition: opacity 200ms ease-out;
}
.modal.fade .modal-dialog {
	-webkit-transition: none;
		 -o-transition: none;
			transition: none;
	 -webkit-transform: translate(0);
		 -ms-transform: translate(0);
		  -o-transform: translate(0);
			 transform: translate(0);
}
.modal-open .modal {
	overflow: hidden;
}
.modal-backdrop {
	background-color: #F2F5F7;
}
.modal-backdrop.in {
	opacity: .95;
}
.modal .container {
	width: 100%;
	max-width: 1170px;
	padding-left: 50px;
	padding-right: 50px;
}
.modal-dialog {
	position: absolute;
	top: 35px;
	bottom: 35px;
	left: 35px;
	right: 35px;
	width: calc(100% - 70px);
	margin: auto;
}
.modal-full {
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
	height: 100% !important;
}
.modal-lg {
	max-width: 100%;
	max-height: 100%;
}
.modal-md {
	max-width: 1170px;
	max-height: 800px;
}
.modal-sm {
	max-width: 750px;
	max-height: 500px;
}
.modal-xs {
	max-width: 480px;
	max-height: 350px;
}
.modal-content {
	width: 100%; /* Can use left: 0; right: 0; with position: absolute; as well */
	height: 100%; /* Can use top: 0; bottom: 0; with position: absolute; as well */
	padding: 0 !important;
	margin: 0 !important;
	border: none;
	border-bottom: 2px solid #CED2D6;
	border-radius: 3px;
	overflow: hidden;
}
.modal-full .modal-content {
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
			box-shadow: none;
}
.modal-header {
	position: relative;
	z-index: 1;
	height: 70px;
	padding: 22px 25px;
	background-color: #FFF;
	border-bottom: 1px solid #E6E9ED;
}
.modal-header .close {
	float: right;
	font-size: 24px;
	font-weight: 400;
	color: #506A85;
	text-shadow: none;
	margin-top: 0;
	margin-left: 25px;
	-webkit-transition: opacity 200ms ease-out;
		 -o-transition: opacity 200ms ease-out;
			transition: opacity 200ms ease-out;
}
.dark-bg.no-modal-header .modal-header .close,
.tint-bg.no-modal-header .modal-header .close {
	color: #FFF;
	opacity: .4;
}
.modal-header .close:hover,
.modal-header .close:focus {
	opacity: 1 !important;
}
.modal-title {
	color: #506A85 !important;
	line-height: 150%;
}
.no-modal-header .modal-header {
	background-color: transparent;
	padding-right: 40px;
	border-bottom: none;
}
.no-modal-header .modal-header .modal-title {
	display: none;
}
.no-modal-footer .modal-footer {
	display: none;
}
.no-modal-header .modal-body {
	top: 0;
}
.no-modal-footer .modal-body {
	bottom: 0;
}
.modal-body {
	position: absolute;
	top: 70px;
	bottom: 75px;
	width: 100%; /* Can use left: 0; right: 0; as well */
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-footer {
	position: absolute;
	bottom: 0;
	width: 100%; /* Can use left: 0; right: 0; as well */
	height: 75px;
	background-color: #FFF;
	border-top: 1px solid #E6E9ED;
}
.modal-footer .btn {
	margin: 0;
}
.modal-open #scrollUp {
	-webkit-transition: none;
		 -o-transition: none;
			transition: none;
	opacity: 0;
}
.btn-modal {
	background: #F5F7FA !important;
	color: #506A85 !important;
	border: 1px solid #E6E9ED;
	border-bottom-width: 2px;
	box-shadow: none !important;
}
.btn-modal:hover,
.btn-modal:focus,
.btn-modal:active,
.btn-modal.active {
    background: #fff !important;
	color: #53afff !important;
}


/*===================================================================================*/
/*	RESPONSIVE
/*===================================================================================*/

@media (min-width: 1200px) { 
	.container {
	    padding-right: 0;
	    padding-left: 0;
	}
	.owl-buttons {
		display: block;
	}
	.items.col-4 {
	    margin-left: -10px;
	    margin-bottom: -10px;
	}
	.items.col-4 li {
	    width: 285px;
	    margin-left: 10px;
	    margin-bottom: 10px;
	}
	.items.col-3 {
	    margin-left: -9px;
	    margin-bottom: -9px;
	}
	.items.col-3 li {
	    width: 384px;
	    margin-left: 9px;
	    margin-bottom: 9px;
	}
	.items.col-3.gap {
	    margin-left: -21px;
	    margin-bottom: -21px;
	}
	.items.col-3.gap li {
	    width: 376px;
	    margin-left: 21px;
	    margin-bottom: 21px;
	}
	.items.col-4.gap {
	    margin-left: -18px;
	    margin-bottom: -18px;
	}
	.items.col-4.gap li {
	    width: 279px;
	    margin-left: 18px;
	    margin-bottom: 18px;
		transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
	}
	.items.col-4.gap li:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
    margin-top:-4px;}
	
	.grid-blog.col-2 {
	    margin-left: -40px;
	}
	.sidebar-left .grid-blog.col-2 {
		margin-left: -20px;
	}
	.sidebar-left .pagination {
		margin-left: 20px;
	}
	.grid-blog.col-2 .post {
	    width: 390px;
	    margin-left: 40px;
	    margin-bottom: 40px;
	}
	.grid-blog.col-2.no-sidebar .post {
	    width: 565px;
	}
	.grid-blog.col-3 {
	    margin-left: -30px;
	}
	.grid-blog.col-3 .post {
	    margin-left: 30px;
	    margin-bottom: 30px;
	}
	.grid-blog.col-3.no-sidebar .post {
		width: 370px;
	}
	.sidebar {
	    padding-left: 35px !important;
	}
	.navbar .dropdown-submenu > a:after {
	    display: none;
	}
	.navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
	    margin-top: 0;
	}
	.dropdown-submenu {
	    position: relative;
	}
	.dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {
	    top: 0;
	    left: 100%;
	    margin-top: -6px;
	}
	.dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {
	    display: block;
	}
	.dropdown-submenu>a:after {
	    display: block;
	    content: " ";
	    float: right;
	    width: 0;
	    height: 0;
	    margin-top: 5px;
	    margin-right: -10px;
	}
	.dropdown-submenu.pull-left {
	    float: none;
	}
	.dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {
	    left: -100%;
	    margin-left: 10px;
	}
	.open > .dropdown-menu,
	.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
	    animation-name: slidenavAnimation;
	    animation-duration: 200ms;
	    animation-iteration-count: 1;
	    animation-timing-function: ease-out;
	    animation-fill-mode: forwards;
	    -webkit-animation-name: slidenavAnimation;
	    -webkit-animation-duration: 200ms;
	    -webkit-animation-iteration-count: 1;
	    -webkit-animation-timing-function: ease-out;
	    -webkit-animation-fill-mode: forwards;
	    -moz-animation-name: slidenavAnimation;
	    -moz-animation-duration: 200ms;
	    -moz-animation-iteration-count: 1;
	    -moz-animation-timing-function: ease-out;
	    -moz-animation-fill-mode: forwards;
	}
	@keyframes slidenavAnimation {
	    from {
			margin-top: -30px;
	        opacity: 0;
	    }
	    to {
			margin-top: 0;
	        opacity: 1;
	    }
	}
	@-webkit-keyframes slidenavAnimation {
	    from {
			margin-top: -30px;
	        opacity: 0;
	    }
	    to {
			margin-top: 0;
	        opacity: 1;
	    }
	}
	.modal-dialog {
		top: 50px;
		bottom: 50px;
		left: 50px;
		right: 50px;
		width: calc(100% - 100px);
	}
}

@media (min-width: 1025px) {
	.navbar-collapse.collapse {
		padding-top: 0px;padding-bottom: 0px;
	}
}

@media (min-width: 1025px) and (max-width: 1199px) {
	
	
	#team .inner-left {
		padding-left: 40px;
	}
	
	#team .inner-right {
		padding-right: 40px;
	}
		
	.classic-blog .post {
		width: 601px;
		padding-bottom: 50px;
	}
	.classic-blog .post-content > * {
		margin-left: 50px;
		margin-right: 50px;
	}
	.classic-blog .post-content > .post-media {
		margin-left: 0;
		margin-right: 0;
	}
	.classic-blog .post-content > *:first-child,
	.classic-blog .post-media + * {
		margin-top: 45px;
	}
	.classic-blog .post-content > .post-media:first-child,
	.classic-blog .owl-carousel.post-media + * {
		margin-top: 0;
	}
	.classic-blog .post-title {
		font-size: 33px;
	}
	.classic-blog .post-content .meta {
		padding-left: 50px;
		padding-right: 50px;
		margin-right: -5px;
		margin-left: -5px;
		margin-bottom: 25px;
	}
	.grid-blog.col-2 {
	    margin-left: -30px;
	}
	.grid-blog.col-2 .post {
	    width: 330px;
	    margin-left: 30px;
	    margin-bottom: 30px;
	}
	.grid-blog.col-2 .post-title {
		font-size: 28px;
	}
	.grid-blog.col-2.no-sidebar {
	    margin-left: -40px;
	}
	.grid-blog.col-2.no-sidebar .post {
	    width: 465px;
	    margin-left: 40px;
	    margin-bottom: 40px;
	}
	.grid-blog.col-3.no-sidebar {
	    margin-left: -25px;
	}
	.grid-blog.col-3.no-sidebar .post {
	    width: 306px;
	    margin-left: 25px;
	    margin-bottom: 25px;
	}
	.grid-blog.col-3.no-sidebar .post-title {
		font-size: 24px;
	}
	.grid-blog.col-3.no-sidebar p {
		font-size: 16px;
	}
	.tabs-circle-top .etabs:before {
		margin: 55px 0 -55px;
	}
	.tabs-circle-top .tab {
		height: 140px;
		margin: 0 10px;
	}
	.tabs-circle-top .tab a {
		width: 110px;
		height: 110px;
		max-width: 110px;
		font-size: 12px;
	}
	.tabs-circle-top .tab a div {
		font-size: 36px;
	}
	.tabs-circle-top .tab.active a {
		height: 140px;
		width: 140px;
		max-width: 140px;
		font-size: 14px;
	}
	.tabs-circle-top .tab.active a div {
		font-size: 46px;
	}
	.navbar .dropdown-submenu > a:after {
	    display: none;
	}
	.navbar .dropdown-submenu > .dropdown-menu:not(.yamm-dropdown-menu) {
	    margin-top: 0;
	}
	.dropdown-submenu {
	    position: relative;
	}
	.dropdown-submenu>.dropdown-menu:not(.yamm-dropdown-menu) {
	    top: 0;
	    left: 100%;
	    margin-top: -6px;
	}
	.dropdown-submenu:hover>.dropdown-menu:not(.yamm-dropdown-menu) {
	    display: block;
	}
	.dropdown-submenu>a:after {
	    display: block;
	    content: " ";
	    float: right;
	    width: 0;
	    height: 0;
	    margin-top: 5px;
	    margin-right: -10px;
	}
	.dropdown-submenu.pull-left {
	    float: none;
	}
	.dropdown-submenu.pull-left>.dropdown-menu:not(.yamm-dropdown-menu) {
	    left: -100%;
	    margin-left: 10px;
	}
	.open > .dropdown-menu,
	.open > .dropdown-menu > .dropdown-submenu > .dropdown-menu {
	    animation-name: slidenavAnimation;
	    animation-duration: 200ms;
	    animation-iteration-count: 1;
	    animation-timing-function: ease-out;
	    animation-fill-mode: forwards;
	    -webkit-animation-name: slidenavAnimation;
	    -webkit-animation-duration: 200ms;
	    -webkit-animation-iteration-count: 1;
	    -webkit-animation-timing-function: ease-out;
	    -webkit-animation-fill-mode: forwards;
	    -moz-animation-name: slidenavAnimation;
	    -moz-animation-duration: 200ms;
	    -moz-animation-iteration-count: 1;
	    -moz-animation-timing-function: ease-out;
	    -moz-animation-fill-mode: forwards;
	}
	@keyframes slidenavAnimation {
	    from {
			margin-top: -30px;
	        opacity: 0;
	    }
	    to {
			margin-top: 0;
	        opacity: 1;
	    }
	}
	@-webkit-keyframes slidenavAnimation {
	    from {
			margin-top: -30px;
	        opacity: 0;
	    }
	    to {
			margin-top: 0;
	        opacity: 1;
	    }
	}
}

@media (max-width: 1024px) {
	
	
	#hero .info,
	#hero .info,
	#hero .info,
	.items li .text-overlay .info.big,
	.thumbs .thumb .text-overlay .info.big,
	.owl-carousel .item .text-overlay .info.big {
		margin-top: -35px;
	}
	
	.retina-icons-code code {
		font-size: 11.5px;
	}
	
	.tabs-side.tab-container .panel-container {
		padding-left: 50px;
	}
	
	br {
		display: none;
	}
	
	#team .inner-left {
		padding-left: 30px;
	}
	
	#team .inner-right {
		padding-right: 30px;
	}
	
	.classic-blog .post {
		width: 630px;
		padding-bottom: 50px;
	}
	.classic-blog .post-content > * {
		margin-left: 50px;
		margin-right: 50px;
	}
	.classic-blog .post-content > .post-media {
		margin-left: 0;
		margin-right: 0;
	}
	.classic-blog .post-content > *:first-child,
	.classic-blog .post-media + * {
		margin-top: 45px;
	}
	.classic-blog .post-content > .post-media:first-child,
	.classic-blog .owl-carousel.post-media + * {
		margin-top: 0;
	}
	.classic-blog .post-title {
		font-size: 33px;
	}
	.classic-blog .post-content .meta {
		padding-left: 50px;
		padding-right: 50px;
		margin-right: -5px;
		margin-left: -5px;
		margin-bottom: 25px;
	}
	.classic-blog.no-sidebar .sidemeta, .classic-blog.no-sidebar .pagination {
		left: auto;
	}
	.sidebar-left .grid-blog.col-2,
	.sidebar-left .grid-blog.col-2 + .pagination {
		padding-left: 20px;
		padding-right: 0;
	}
	.grid-blog.col-2 {
		padding-right: 20px;
	    margin-left: 0;
		margin-bottom: 0;
	}
	.grid-blog.col-2 .post {
	    width: 100%;
	    margin-left: 0;
	    margin-bottom: 30px;
	}
	.grid-blog.col-2 .post-title {
		font-size: 28px;
	}
	.grid-blog.col-2.no-sidebar,
	.grid-blog.col-3.no-sidebar {
		padding-right: 0;
	    margin-left: -25px;
	}
	.grid-blog.col-2.no-sidebar .post,
	.grid-blog.col-3.no-sidebar .post {
	    width: 347px;
		padding-bottom: 40px;
	    margin-left: 25px;
	    margin-bottom: 25px;
	}
	.grid-blog.col-2.no-sidebar .post-content > *,
	.grid-blog.col-3.no-sidebar .post-content > * {
		margin-left: 40px;
		margin-right: 40px;
	}
	.grid-blog.col-2.no-sidebar .post-content > *:first-child,
	.grid-blog.col-2.no-sidebar .post-media + *,
	.grid-blog.col-3.no-sidebar .post-content > *:first-child,
	.grid-blog.col-3.no-sidebar .post-media + * {
		margin-top: 35px;
	}
	.grid-blog.col-2.no-sidebar .post-content .meta,
	.grid-blog.col-3.no-sidebar .post-content .meta {
		padding-left: 40px;
		padding-right: 40px;
		margin-right: -5px;
		margin-left: -5px;
		margin-bottom: 25px;
	}
	.grid-blog.col-2.no-sidebar .post-title ,
	.grid-blog.col-3.no-sidebar .post-title {
		font-size: 24px;
	}
	.grid-blog.col-2.no-sidebar p,
	.grid-blog.col-3.no-sidebar p {
		font-size: 16px;
	}
	.format-filter li a {
		padding: 0 25px;
	}
	.blog.no-sidebar .post,
	.blog.no-sidebar #comments,
	.blog.no-sidebar .pagination,
	.blog.no-sidebar .comment-form-wrapper {
	    width: 100%;
	}
	.classic-blog .pagination,
	.classic-blog .comment-form-wrapper {
		margin-bottom: 120px;
	}
	.classic-blog.no-sidebar .pagination,
	.classic-blog.no-sidebar .comment-form-wrapper {
		margin-bottom: 0;
	}
	
	[class*="col-md"][class*="inner-left"],
	[class*="col-md"][class*="inner-right"] {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	[class*="col-md"][class*="border-left"] {
		border-left: none;
	}
	
	[class*="col-md"][class*="border-right"] {
		border-right: none;
	}
	
	.tabs-circle-top .etabs:before {
		margin: 50px 0 -50px;
	}
	.tabs-circle-top .tab {
		height: 130px;
		margin: 0 5px;
	}
	.tabs-circle-top .tab a {
		width: 100px;
		height: 100px;
		max-width: 100px;
		font-size: 11px;
	}
	.tabs-circle-top .tab a div {
		font-size: 33px;
	}
	.tabs-circle-top .tab.active a {
		height: 130px;
		width: 130px;
		max-width: 130px;
		font-size: 13px;
	}
	.tabs-circle-top .tab.active a div {
		font-size: 44px;
	}
	
	#owl-main .caption.text-center,
	#owl-main .caption.text-left,
	#owl-main .caption.text-right {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-header .navbar-brand {
		display: inline-block;
	}
	.navbar-collapse .navbar-brand {
		display: none;
	}
	
	.navbar-collapse.collapse {
		display: none !important;
	}
	
	.navbar-collapse.collapse.in {
		display: block !important;
	}   
	
	.navbar .container {
		display: block;
	}
	
	.navbar .social,
	.navbar .info {
	    display: none;
	}
	
	.navbar-header {
		background: #FFF;
	    padding: 10px 0;
	}
	.btn.responsive-menu {
	    display: table;
	}
	.btn.responsive-menu i {
	    display: table-cell;
		vertical-align: middle;
	}
	.navbar-collapse {
	    position: static !important;
		background: #fff;
	    max-height: inherit;
		padding-top: 0;
		padding-bottom: 0;
	}
	.navbar-collapse:after {
	    content: '';
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
	.yamm .nav,
	.yamm .dropup,
	.yamm .dropdown,
	.yamm .collapse {
		float: none;
	    position: relative;
	}
	.yamm .dropdown-menu {
	    position: relative;
	    left: inherit;
	    top: inherit;
	    float: none;
	    width: 100%;
	   /* display: block !important;*/
	}
	.yamm .yamm-content {
	    padding: 12px 0;
	    font-size: 13px;
	}
	.navbar-nav {
		float: none !important;
		display: block;
		padding: 15px 0;
	}
	.navbar-nav > li {
		float: none;
		display: block;
	}
	.navbar-nav > li + li {
		border-top: 1px solid #E6E9ED;
	}
	.navbar-nav > li > a {
		padding-left: 0;
		padding-right: 0;
		border: none;
		border-radius: 0;
	}
	.navbar-nav > li > a:hover,
	.navbar-nav > li > a:focus {
		background: none;
	}
	.navbar-nav .dropdown-menu {
		border: none;
		box-shadow: none;
	}
	.navbar-nav .dropdown-submenu .dropdown-menu {
		top: 0 !important;
	    padding-left: 20px;
	}
	.navbar-nav .dropdown-menu > li:last-child {
		margin-bottom: 20px;
	}
	.navbar-nav .searchbox {
		float: left !important;
		display: block;
		width: 100%;
	}
	.navbar-header {
	    float: left;
	    width: 100%;
	}
	.navbar-header:after {
	    content: '';
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}
}

@media (max-width: 969px) { 
	.yamm .dropdown.yamm-fullwidth .dropdown-menu {
	    width: 100%;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	
	.navbar .container,
	.container {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.tabs-side .etabs {
	    width: 240px;
	}
	.tabs-side.tab-container .panel-container {
	    width: 480px;
	}
	.tabs-top.left .tab {
	    margin-right: 2px;
	}
	.tabs-top.left .tab a {
	    padding: 5px 10px;
	}
	.items.col-4 {
	    margin-left: -9px;
	    margin-bottom: -9px;
	}
	.items.col-4 li {
	    width: 234px;
	    margin-left: 9px;
	    margin-bottom: 9px;
	}
	.items.col-3 {
	    margin-left: -9px;
	    margin-bottom: -9px;
	}
	.items.col-3 li {
	    width: 234px;
	    margin-left: 9px;
	    margin-bottom: 9px;
	}
	.items.col-3.gap {
	    margin-left: -18px;
	    margin-bottom: -18px;
	}
	.items.col-3.gap li {
	    width: 351px;
	    margin-left: 18px;
	    margin-bottom: 18px;
	}
	.items.col-4.gap {
	    margin-left: -18px;
	    margin-bottom: -18px;
	}
	.items.col-4.gap li {
	    width: 351px;
	    margin-left: 18px;
	    margin-bottom: 18px;
	}
}

@media (max-width: 767px) {
	
	/*body {
		height: 100vh;
	}*/
	
	h1,
	h2,
	h3,
	h4 {
		letter-spacing: .0125em;
	}
	
	h1 {  
		font-size: 33px;
		line-height: 120%;
		margin-bottom: 20px;
	}
	#contact-form .fadeInDown-1.light-color{font-size: 24px;}
	header p {
		font-size: 16px;
	}
	
	footer .inner {
		padding-top: 35px;
	    padding-bottom: 25px;
	}
	
	footer .row .inner {
		padding-left: 20px;
		padding-right: 20px;
		text-align:center;
	}
	
	footer .container > .row {
		margin-left: -20px;
		margin-right: -20px;
	}
	
	.row,
	#share {
		overflow: hidden;
	}
	
	#share .container {
		width: auto;
		padding: 0;
		margin-left: -15px;
		margin-right: -15px;
	}
	
	/*.owl-controls {
		display: inline;
	}
	
	.owl-pagination {
		top: 0 !important;
	}*/
	
	.last-bottom {
		padding-bottom: 20px !important;
	}
	
	.last-bottom + .last-bottom {
		padding-bottom: 0 !important;
	}
	
	.thumbs.gap-lg {
		margin-left: -15px;
	}
	
	.thumbs.gap-lg .thumb {
		padding: 0 0 15px 15px;
	}
	
	.icon.pull-right {
		margin-left: 10px;
	}
	
	.inner {
		padding-top: 80px;
		padding-bottom: 40px;
	}
	.inner-md {
		padding-top: 65px;
		padding-bottom: 65px;
	}
	.inner-sm {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.inner-xs {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.inner-top {
		padding-top: 80px;
	}
	
	.inner-top.small_screen	{ padding-top:0px !important;}
	
	.inner-top-md {
		padding-top: 65px;
	}
	.inner-top-sm {
		padding-top: 50px;
	}
	.inner-top-xs {
		padding-top: 40px;
	}
	.inner-bottom {
		padding-bottom: 80px;
	}
	.inner-bottom-md {
		padding-bottom: 65px;
	}
	.inner-bottom-sm {
		padding-bottom: 50px;
	}
	.inner-bottom-xs {
		padding-bottom: 40px;
	}
	
	.height-xs,
	.height-sm,
	.height-md,
	.height-lg,
	#owl-main .item,
	#owl-main.height-md .item,
	#owl-main.height-lg .item {
		height: 88vh;
	}
	
	#hero h1 {
		font-size: 24px;
		line-height: 150%;
		letter-spacing: 0.031em;
	}
	
	#hero p {
		font-size: 20px;
		line-height: 135%;
		margin-top: 15px;
	}
	
	#hero #owl-main .caption h1.light-bg,
	#hero #owl-main .caption h1.medium-bg,
	#hero #owl-main .caption h1.dark-bg,
	#hero #owl-main .caption h1.tint-bg {
		font-size: 24px;
	}
	
	#hero .btn {
		margin-top: 25px;
	}
	
	#hero .btn-large {
		font-size: 16px;
		padding: 12px 30px 15px;
	}
	
	.retina-icons-code tr td:first-child,
	.retina-icons-code tr th:first-child {
		max-width: 30px;
	}
	
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td {
		line-height: 100%;
		padding-left: 4px;
		padding-right: 4px;
	}
	
	.table > thead > tr > th {
		font-size: 11px;
	}
	
	.retina-icons-code i {
		font-size: 14px;
	}
	
	.retina-icons-code code {
		font-size: 10px;
	}
	
	.tabs-side .etabs {
		float: none;
		width: 100%;
	}
	
	.tabs-side .tab a {
		border-right-color:#f0f0f0;
	}
	
	
	.tabs-side .tab.active a {
		border-right-color: ##f0f0f0 !important;
	}
	
	.tabs-side.tab-container .panel-container {
		padding-left: 0;
		border-left: none;
		margin-top: 30px;
	}
	
	.tabs-top .etabs:after {
		display: none;
	}
	.tabs-top .tab {
		display: block;
		max-width: 100%;
		margin: 0;
	}
	.tabs-top .tab a {
		display: block;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}
	.tabs-top .tab:first-child a {
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.tabs-top .tab:last-child a {
		border-bottom: 1px solid #E6E9ED;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.tabs-top .tab.active + .tab a {
		border-top-color: ##f0f0f0;
	}
	.tabs-top .tab.active + .tab a:hover {
		border-top-color: #53afff;
	}
	
	.filter:before, .format-filter:before {
		display: none;
	}
	
	h1.single-block .btn {
		margin-left: 0;
	}
	
	.sidemeta .date-wrapper,
	.classic-blog.sidebar-left .sidemeta .date-wrapper {
		top: -80px;
		left: 50%;
		margin-left: -60px;
	}
	
	.sidemeta .format-wrapper,
	.classic-blog.sidebar-left .sidemeta .format-wrapper {
		top: -70px;
		left: 50%;
		margin-left: 10px;
	}
	
	.classic-blog .sidemeta,
	.classic-blog .pagination {
		padding-left: 0;
		border-left: none;
		margin-left: 0;
	}
	.classic-blog.sidebar-left .sidemeta,
	.classic-blog.sidebar-left .pagination {
		padding-right: 0;
		border-right: none;
		margin-right: 0;
	}
	.classic-blog.no-sidebar .sidemeta,
	.classic-blog.no-sidebar .pagination {
		left: 0;
	}
	.classic-blog .post {
		margin-top: 80px;
		width: 100%;
	}
	
	.grid-blog.col-2 {
		padding-right: 0;
	}
	
	.sidebar-left .grid-blog.col-2,
	.sidebar-left .grid-blog.col-2 + .pagination {
		padding-left: 0;
	}
	
	.classic-blog .post,
	.grid-blog.col-2 .post,
	.grid-blog.col-3 .post,
	.grid-blog.col-2.no-sidebar .post,
	.grid-blog.col-3.no-sidebar .post {
		padding-bottom: 30px;
	}
	
	.classic-blog .post-content > *,
	.grid-blog.col-2 .post-content > *,
	.grid-blog.col-3 .post-content > *,
	.grid-blog.col-2.no-sidebar .post-content > *,
	.grid-blog.col-3.no-sidebar .post-content > * {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.classic-blog .post-content .meta,
	.grid-blog.col-2 .post-content .meta,
	.grid-blog.col-3 .post-content .meta,
	.grid-blog.col-2.no-sidebar .post-content .meta,
	.grid-blog.col-3.no-sidebar .post-content .meta {
		padding-left: 30px;
		padding-right: 30px;
		margin-bottom: 20px;
	}
	
	.classic-blog .post-content > *:first-child,
	.classic-blog .post-media + *,
	.grid-blog.col-2 .post-content > *:first-child,
	.grid-blog.col-2 .post-media + *,
	.grid-blog.col-3 .post-content > *:first-child,
	.grid-blog.col-3 .post-media + *,
	.grid-blog.col-2.no-sidebar .post-content > *:first-child,
	.grid-blog.col-2.no-sidebar .post-media + *,
	.grid-blog.col-3.no-sidebar .post-content > *:first-child,
	.grid-blog.col-3.no-sidebar .post-media + * {
		margin-top: 30px;
	}
	
	.classic-blog .post-title,
	.grid-blog.col-2 .post-title,
	.grid-blog.col-3 .post-title,
	.grid-blog.col-2.no-sidebar .post-title,
	.grid-blog.col-3.no-sidebar .post-title {
		font-size: 24px;
	}
	
	.classic-blog p,
	.grid-blog.col-2 p,
	.grid-blog.col-3 p,
	.grid-blog.col-2.no-sidebar p,
	.grid-blog.col-3.no-sidebar p {
		font-size: 16px;
		line-height: 150%;
		margin-bottom: 10px;
	}
	
	.classic-blog .pagination,
	.classic-blog .comment-form-wrapper,
	.pagination {
		margin-bottom: 0px;
	}
	
	.grid-blog.col-2.no-sidebar + .pagination,
	.grid-blog.col-3.no-sidebar + .pagination {
		margin-bottom: 0;
	}
	
	.classic-blog .pagination,
	.classic-blog.sidebar-left .pagination,
	.grid-blog.col-2 + .pagination,
	.grid-blog.col-3 + .pagination,
	.grid-blog.col-2.no-sidebar + .pagination,
	.grid-blog.col-3.no-sidebar + .pagination {
		margin-left: -10px;
	}
	
	.pagination > li:first-child {
		margin-left: 10px;
	}
	
	.pagination li {
		margin-bottom: 10px;
	}
	
	#blog-post .post h2 {
		font-size: 19px;
		margin-bottom: 15px;
	}
	
	#blog-post .post h3 {
		font-size: 16px;
	}
	
	#blog-post .post h4 {
		font-size: 14px;
	}
	
	#blog-post .post figure figcaption p {
		font-size: 14px;
		line-height: 150%;
	}
	
	[class*="col"] > figcaption:first-child {
		padding-top: 20px;
	}
	
	.post-author, #comments {
		padding: 30px;
	}
	
	.post-author .author-image {
		float: none;
		display: inline-block;
		margin-bottom: 20px;
	}
	
	.post-author .author-details {
		padding-left: 0;
	}
	
	#comments .avatar {
		float: none;
		display: inline-block;
		margin-bottom: 15px;
	}
	
	#comments .commentbody {
		padding-left: 0;
	}
	
	#comments .commentlist .children {
		padding-left: 0;
	}
	
	[class*="col"][class*="border-left"] {
		border-left: none;
	}
	
	[class*="col"][class*="border-right"] {
		border-right: none;
	}
	
	.filter li {
		display: block;
	}
	
	.filter li + li {
		margin-top: 15px;
	}
	
	.filter li:after {
		display: none;
	}
	
	#hero .info,
	#hero .info,
	#hero .info,
	.items li .text-overlay .info.big,
	.thumbs .thumb .text-overlay .info.big,
	.owl-carousel .item .text-overlay .info.big {
		margin-top: -25px;
	}
	.items li .text-overlay .info h2,
	.thumbs .thumb .text-overlay .info h2,
	.owl-carousel .item .text-overlay .info h2,
	.items li .text-overlay .info h3,
	.thumbs .thumb .text-overlay .info h3,
	.owl-carousel .item .text-overlay .info h3,
	.items li .text-overlay .info h4,
	.thumbs .thumb .text-overlay .info h4,
	.owl-carousel .item .text-overlay .info h4 {
		font-size: 16px;
		line-height: 150%;
	}
	.items li .text-overlay .info p,
	.thumbs .thumb .text-overlay .info p,
	.owl-carousel .item .text-overlay .info p,
	.items li .text-overlay .info.big p,
	.thumbs .thumb .text-overlay .info.big p,
	.owl-carousel .item .text-overlay .info.big p,
	#hero .items li .text-overlay .info.big p,
	#hero .thumbs .thumb .text-overlay .info.big p,
	#hero .owl-carousel .item .text-overlay .info.big p {
		font-size: 14px;
		line-height: 140%;
		padding-top: 0;
	}
	
	.tabs-2-big-top .tab {
		width: 100%;
		margin: 0 0 50px 0;
	}
	.tabs-2-big-top .tab a {
		padding: 25px;
	}
	.tabs-2-big-top.tab-container .panel-container {
		margin-top: 0;
	}
	
	[class*="col"][class*="inner-left"],
	[class*="col"][class*="inner-right"],
	[class*="col"][class*="reset-padding"] {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	[class*="inner-top"].reset-xs {
		padding-top: 0 !important;
	}
	
	.tabs-circle-top .etabs:before {
		border-bottom: none;
		margin: 0;
	}
	.tabs-circle-top .tab {
		display: table;
		width: 100%;
		height: auto;
		margin: 0;
	}
	.tabs-circle-top .tab.active {
		top: 0;
	}
	.tabs-circle-top .tab a,
	.tabs-circle-top .tab.active a {
		width: 100%;
		max-width: 100%;
		height: auto;
		font-size: 18px;
		text-align: left;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: none;
		border-radius: 0;
	}
	.tabs-circle-top .tab a:hover {
		border-width: 1px;
		border-color: ##f0f0f0 !important;
		border-top: none;
	}
	.tabs-circle-top .tab.active a:hover {
		border-color: transparent !important;
	}
	.tabs-circle-top .tab:first-child a {
		border-top: 1px solid #f0f0f0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.tabs-circle-top .tab:last-child a {
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.tabs-circle-top .tab a div,
	.tabs-circle-top .tab.active a div {
		display: inline-block;
		vertical-align: middle;
		font-size: 30px;
		line-height: 120%;
		padding-bottom: 5px;
		margin: 0 10px 0 0;
	}
	
	.yamm-content {
		margin-top: 25px;
	}
	
	.yamm-content > [class*="col"] {
		margin-bottom: 50px;
	}
	.navbar .container,
	.container {
	    padding-right: 20px;
	    padding-left: 20px;
	}
	.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.footer-bottom p.pull-left,
	.footer-bottom ul.pull-right {
	    float: none !important;
	    text-align: center;
	}
	.footer-bottom p {
	    margin-bottom: 20px;
	}
	.footer-menu li {
	    padding: 0 5px;
	}
	img {
	    max-width: 100%;
	    height: auto;
	}
	.filter li a:before {
	    display: none;
	}
	.items {
	    margin-left: 0 !important;
	    /*margin-bottom: -20px !important;*/
	}
	.items li {
	    width: 100% !important;
	    margin-left: 0 !important;
	    margin-bottom: 20px !important;
	}
	.items.fullscreen li {
	    margin: 0 !important;
	}
	.sidebar {
	    margin-top: 70px;
	    padding-left: 15px !important;
	}
	.blog.no-sidebar .post,
	.blog.no-sidebar #comments,
	.blog.no-sidebar .pagination,
	.blog.no-sidebar .comment-form-wrapper {
	    width: 100%
	}
	.blog.no-sidebar .pagination ul {
	    margin: 0
	}
	.grid-blog {
	    margin-left: 0 !important;
	    margin-bottom: 20px !important;
	}
	.grid-blog .post {
	    width: 100% !important;
	    margin-left: 0 !important;
	    margin-bottom: 20px !important;
	}
	#comments ul.children {
	    padding: 0 0 0 20px;
	}
	#comments .arrow-box {
	    margin-left: 0;
	}
	.panel-title {
	    line-height: 18px;
	}
	.yamm .yamm-content.row {
	    margin-bottom: -30px
	}
	.modal .container {
		padding-left: 35px;
		padding-right: 35px;
	}
	.modal-dialog {
		top: 25px;
		bottom: 25px;
		left: 25px;
		right: 25px;
		width: calc(100% - 50px);
	}
	.modal-open {
		background-color: #F2F5F7;
	}
	.attendance_machines_content {text-align:center;}
}

@media (min-width: 768px) {
	.modal-open {
		margin-left: -17px;
		margin-right: -17px;
	}
	.modal-open .navbar-collapse.stuck {
		padding-right: 32px;
		right: 0;
	}
	.attendance_machines_content {
        text-align:left;}
}

@media (min-width: 768px) and (max-height: 1024px) {
	
	.height-xs,
	.height-sm,
	#owl-main .item {
		height: 400px;
	}
	
	#hero h1 {
		font-size:60px;
		line-height:2em;
	}
	
	#hero p {
		font-size: 16px;
		line-height: 140%;
		margin-top: 10px;
		
	}
	
	#hero #owl-main .caption h1.light-bg,
	#hero #owl-main .caption h1.medium-bg,
	#hero #owl-main .caption h1.dark-bg,
	#hero #owl-main .caption h1.tint-bg {
		font-size:50px;
	}
	
	#hero .btn {
		margin-top: 35px;
	}
	
	#hero .btn-large {
		font-size: 16px;
		padding: 15px 60px 17px;
	}
}

@media (min-width: 768px) and (max-height: 768px) {
	
	.height-xs,
	.height-sm,
	.height-md,
	.height-lg,
	#owl-main .item,
	#owl-main.height-md .item,
	#owl-main.height-lg .item {
		height: 480px;
	}
	
}

@media (max-width: 480px) {
	.modal .container {
		padding-left: 25px;
		padding-right: 25px;
	}
	.modal-dialog {
		top: 15px;
		bottom: 15px;
		left: 15px;
		right: 15px;
		width: calc(100% - 30px);
	}
	.modal-header {
		padding: 14px 15px;
	}
	.modal-title {
		font-size: 16px;
		line-height: 120%;
	}
}


/*===================================================================================*/
/*	DEMO ONLY
/*===================================================================================*/

a.changecolor {
	cursor: pointer;
}


/*===================================================================================*/
/*	SKROLLR ANIMATIONS
/*===================================================================================*/

.navbar .navbar-collapse {
	-skrollr-animation-name: shrink-header;
}

.navbar .navbar-brand img {
	-skrollr-animation-name: shrink-logo;
}

@-skrollr-keyframes shrink-header {
	40 {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	300 {
		padding-top: 0;
		padding-bottom: 0;
	}
}

@-skrollr-keyframes shrink-logo {
	40 {
		max-height: 40px;
	}

	300 {
		max-height: 20px;
	}
}



/***************************************/
li.dropdown {padding: 0 16px;}
li.dropdown:hover{border-bottom:2px solid #076ce0;}

.navbar-header .container{ color:#fff !important;}

a.dropdown-toggle.js-activated {font: 16px/1.5 arial,microsoft yahei,simsun,simhei,sans-serif !important;}

.row.inner-top-sm .col-md-3.inner-bottom-xs.animated.fadeInUp h2{ color:#333 !important}

.btn.btn-large{border: 1px solid #fff !important;color: #fff !important;background-color: rgba(255, 255, 255, 0);font-family: microsoft yahei, 'Open Sans', sans-serif;padding: 12px 60px 12px !important;font: 16px/1.5 arial,microsoft yahei,simsun,simhei,sans-serif !important;}

.btn.btn-large:hover{ color:#fff !important;}

.Cursor_hand{cursor: pointer;}


#get-in-touch .btn.btn-large{font-weight: 100 !important;}

.navbar-header .container .social.pull-right{ line-height:40px !important;}

.navbar-header .container .social.pull-right li a{font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif !important; font-size:16px !important;}

.navbar-header .container .social.pull-right li a:hover{ color:#fff !important;}

.fadeInDown-1.light-color{ line-height:150% !important;}

.fadeInLeft-2 light-color{ line-height:100% !important;}

p.fadeInLeft-2.light-color {
    color: #DEDEDE !important;
}

p.fadeInRight-2.dark-color {
    color: #DEDEDE !important;
}

i.icon-right-open-mini {
    color: #555 !important;
}

i.icon-left-open-mini{
    color: #555 !important;
}

.icon-up-open-mini{color: #FFFFFF !important;}

.Partner {padding-top: 160px;}

p.fadeInDown-2.medium-color {font-size: 24px !important; color:#fff !important;}

.caption.vertical-center.text-center .fadeInLeft-1.light-color{letter-spacing: 5px !important;}

.caption.vertical-center.text-center .fadeInRight-2.dark-color{margin-top: 0px !important;}

#owl-main .caption.text-center.win-win{padding-bottom: 3vh !important;}

#portfolio-post .fadeInDown-1.light-color{margin-bottom: 10px !important;}

#contact-form .fadeInDown-1.light-color{margin-bottom: 10px !important;}

.dark-bg .container.inner h4{ font-size:16px !important;}

.tint-bg{ background-image:url(../images/art/Immediately_experience.png) !important;}

/*.light-bg.bottom{ background-image:url(../images/art/Immediately_experience.png) !important;}*/

.btn.btn-large.Partner{border: 1px solid #fff !important;}

.btn.btn-large.Partner:hover{ background-color:#53afff !important;border: 1px solid #53afff !important; color:#fff !important;}

#product .container.inner .row .col-sm-6 p{font-size: 15px !important;line-height: 200% !important;}

#visit-our-store.img-bg.img-bg-soft.tint-bg{ background-image:url(../images/art/florists_mh2.jpg) !important;}

.fadeInDown-2.medium-color.alliance{ margin-top:0px !important;}

#owl-clients .item:hover img{ opacity:1 !important;}

ul.nav.navbar-nav .button-right{float: right;}

.light-bg.bottom h1{ color:#fff !important;}

.light-bg.bottom .btn.btn-large{border: 1px solid #53afff !important; /*background-color:#fff !important;*/}

.light-bg.bottom .btn.btn-large:hover{border: 1px solid #53afff !important; background-color:#53afff !important;}

.tint-bg.img-bg-soft:before, .tint-bg.img-bg-softer:before{background-color: rgba(40, 54, 69, 0.2) !important;}

.container.inner .row .col-md-8.col-sm-9.animated.fadeInUp .btn.btn-large{border: 1px solid #FFFFFF !important; color:#53afff !important}

.container.inner .row .col-md-8.col-sm-9.animated.fadeInUp .btn.btn-large:hover{border: 1px solid #53afff !important; color:#fff !important; background-color:#53afff !important; }

.container.inner .row .col-md-8.col-sm-9.animated.fadeInUp .btn.btn-large.service{border: 1px solid #53afff !important;}

.dark-bg .container.inner .row .col-md-3.col-sm-6.inner a:hover{ color:#B7C1D2 !important;}

@media (max-width: 640px) {
	
	.height-xs, .height-sm, .height-md, .height-lg, #owl-main .item, #owl-main.height-md .item, #owl-main.height-lg .item {
    height:32vh;
}
	
}

#visit-our-store .container.inner .row .col-md-6.col-sm-8.animated.fadeInUp .btn.btn-large{border: 1px solid #fff !important; color:#53afff !important;}

#visit-our-store .container.inner .row .col-md-6.col-sm-8.animated.fadeInUp .btn.btn-large:hover{ border:1px solid #53afff !important; background-color:#53afff !important; color:#fff !important;}

.col-xs-12.animated.fadeInUp .tabs.tabs-reasons.tabs-circle-top.tab-container .etabs.text-center .tab.active a{border-color: #53afff !important;}


.ZCK_title {padding-left: 20px;}
.ZCK_title:hover{ color:#333 !important;}
.icon-tag-1 icn{ padding-left:30px;}

#product .row.inner-top h2{ color:#333;}

#product .row.inner-top-md h2{ color:#333;}

#visit-our-store h1{font-size: 1.75em;line-height: 50px;}

#reasons li a{font: 15px/1.5 arial,microsoft yahei,simsun,simhei,sans-serif !important;}

#reasons h3{ font-size:26px; color:#333; }

.ZKCityray-Merchants{color:#333;}

#reasons .container.inner .ZKC-reason{padding-top: 50px;}

#circle-tabs .container.inner .panel-container .ZKC-container{ padding-top:70px;}
.ZKC-container{margin-top:100px;}
.ZKC-container h3{color:#53afff;font-size:22px;}

.ZKC-background p{ color:#fff !important;}

#get-in-touch .single-block.ZCK-touch{ font-size:30px !important;}

#get-in-touch .btn.btn-large.ZCK-touchtxt{ margin-top:30px !important;}

#get-in-touch .container.inner-sm .btn.btn-large.ZCK-touchtxt{color: #53afff !important;}

#get-in-touch .container.inner-sm .btn.btn-large.ZCK-touchtxt:hover{ color:#fff !important;}

#contact-form .col-sm-6.outer-top-md.inner-left-sm.border-left{margin-top: 100px; padding: 140px 40px;}

#get-in-touch h1 p { color:#333;}

#get-in-touch h1 .ZKC-touchtxt{ font-size:20px !important; margin-bottom:0px; margin: 0 0 0px;}

.zkc-Map img{width: 100%;height: auto;}


/**********************************************************************************************************/
/**********************************************************************************************************/
.light-bg h1{
	font-family: Arial,"Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",sans-serif;}
	
.light-bg p{
	font-family: Arial,"Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",sans-serif;}	
	
.light-bg .col-md-8.col-sm-9.center-block.text-center p{
	font-size:18px;}

.APP-function h3{
	font-family: Arial,"Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",sans-serif;}
	
.APP-function p{
	font-family: Arial,"Microsoft YaHei","Helvetica Neue",Helvetica,"Hiragino Sans GB",sans-serif;}
	

.APP-function{
	float:left;}
	
.panel-container.screen-container{
	float:right;}
	
.APP-function{
	text-align:left;}
	
.One-module{
	left:10%;}
	
.One-module01{
	left:10%;}


.APP-function.APP-right{
	float:right;}
	
.panel-container.screen-container.APP-Left{
	float:left;}
	
.APP-function.APP-right{
	text-align:left;}
	
.light-bg.Module-two{
	background-image:url(../images/art/scene-bg2.jpg);}
	
.panel-container.screen-container.APP-Left.Module-two{
	right:10%;}
	
.APP-function.APP-right.Module-two{
	right:10%;}
	


.light-bg.Module-three{
	background-image:url(../images/art/scene-bg3.jpg);}
	


	
.light-bg.Module-four{
	background-image:url(../images/art/scene-bg4.jpg);}


.owl-testimonials-testimonials{
	color:#333;
	font-style: normal;}






/*VIP登录、登录、注册*/

/**VIP登录**/
.VIP-sign-in.button-right a{
	float:right;
	margin:0 0 0 15px;
	border-radius: 4px;
	border: 1px solid #617296;
	background-color: #617296;
	padding:6px 18px;
	font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif;
	font-size:16px;
	color:#fff;
	margin-top: 8px;}
	
.VIP-sign-in.button-right a:hover{
	background-color:#515f7d;}
	
.VIP-sign-in.button-right a{
	color:#fff;}
/**VIP登录**/

/**登录**/
.sign-in.button-right a{
	float:right;
	margin:0 0px;
	border: 1px solid #53afff;
	background-color: #53afff;
	padding:6px 30px;
	border-radius:4px;
	font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif;
	font-size:16px;
	color:#fff;
	margin-top: 8px;}
	
.sign-in.button-right a:hover {
	background-color:#4c9fe8;
	border: 1px solid #4c9fe8;}
	
.sign-in.button-right a{
	color:#fff;}
/**登录**/

/**注册**/
.register.button-right a{
	float:right;
	margin:0 0px;
	border: 1px solid #53afff;
	background-color: #fff;
	padding:6px 30px;
	border-radius:4px;
	font-family: 'Helvetica Neue', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft Yahei', sans-serif;
	font-size:16px;
	color:#53afff;
	margin-top: 8px;}
	
.register.button-right a:hover{
	
	border: 1px solid #4c9fe8;
	color:#4c9fe8;}
	
.register.button-right a{
	color:#53afff;}
/**注册**/
	
/*VIP登录、登录、注册*/

/***快捷路口***/
.container.inner .row .col-md-3.col-sm-6.inner h4{ text-align:center;}
footer .row .inner{padding:0px;}
footer h4{margin-bottom:0px;}
footer .inner{padding-top:30px;padding-bottom:30px; text-align:center;margin:0 auto}
.container.inner .row .col-md-3.col-sm-6.inner{ padding:10px 0px;}

.col-md-3{ width:25%;}

.container01{ float:left}

.container02{ float:left}

.container03{ float:left}

.container04{ float:left}
/***快捷路口***/

/***版权、导航***/
.container.inner .fufu_icon{ padding:30px;}

.container.inner .quick_entry{ padding:5px;}

.container.inner .quick_entry1{ padding:0 4px;}

.container.inner .copyright{ padding:5px;}
/***版权、导航***/

#dark-background .container header h1{ color:#fff;}


/*20160506*/
.items li .free{width:120px;height:120px; margin-bottom:10%;}

.icon-overlay .free{display: inline;}

.bordered .info .free_a{ margin-bottom:10%;}

.bordered .info .free_p{ margin-bottom:10% !important;}

#portfolio{ background-color:#f5f5f5;}

#portfolio .bordered.no-top-border{ background-color:#fff;border: 0px solid #E6E9ED;}

#team h1{ color:#333;}

.organizational_personnel{ background-image:url(../images/art/organizational_personnel_guan.png); width:200px; height:200px;}
.organizational_personnel:hover{ background-image:url(../images/art/organizational_personnel_kai.png);}

.time_management{ background-image:url(../images/art/time_management_guan.png); width:200px; height:200px}
.time_management:hover{ background-image:url(../images/art/time_management_kai.png);}

.compensation_management{ background-image:url(../images/art/compensation_management_guan.png); width:200px; height:200px;}
.compensation_management:hover{ background-image:url(../images/art/compensation_management_kai.png);}

.employee_self_service{ background-image:url(../images/art/employee_self_service_guan.png); width:200px; height:200px;}
.employee_self_service:hover{ background-image:url(../images/art/employee_self_service_kai.png);}

.intelligent_computing{ background-image:url(../images/art/intelligent_computing_guan.png); width:200px; height:200px;}
.intelligent_computing:hover{ background-image:url(../images/art/intelligent_computing_kai.png);}

#team .fufu_h2{ font-size:24px; color:#333;}

.regional_management{ background-image:url(../images/art/regional_management_guan.png); width:200px; height:200px;}
.regional_management:hover{ background-image:url(../images/art/regional_management_kai.png);}

#team figcaption{padding-top: 20px;}

.tint-bg.multiterminal{ background-image:url(../images/art/multiterminal_background.png) !important; width:100%; height:880px;}

#testimonials h1{ color:#333333;}

#tint-background .inner{padding-top:100px; padding-bottom: 100px;}
#tint-background img{margin: auto;display: inherit;margin-top:20px;}

#testimonials #owl-testimonials:before{top: 0px;opacity: 0;}

.attendance_machines_content{text-align:left;}
.attendance_machines{margin-bottom:0;color:#53afff;}
.FU90_style,Face6_style,.FU200_style,.FU80_style{color:#7ec3ff;border-bottom:1px solid #e8e8e8;line-height:60px;}
.FU90.p,.Face6.p,.FU200.p,.FU80.p{ font-size:16px; line-height:36px;}


.span2{ float:left; width:200px; margin:0 8%;margin-top:100px;}
div.download_block {width: 100%;height: 744px;background: #ffffff;}
.down_box{width:1200px;;margin:0 auto;overflow: hidden;}
.span2{text-align:center;}
#download_block .content .down_box .version:hover{background-color:#eee;}

.span2 h3{ margin-top:20px; font-size:20px; color:#333333;}
.span2 p{ text-align:center; font-size:14px; color:#8f8f8f; line-height:20px;}
.saosao{border:1px solid#cccccc;margin-top:100px;width:200px;height:260px;}
.span2.saosao p{ font-size:20px;color:#333333; line-height:30px;margin-top:18px;}
.tuijian{ position:absolute; z-index:999;}	
.recommend img{ margin-top:24px;}
#download_block .title.text-center{ color:#333333;}
#download_block .subtitle.text-center{ color:#666666;}
#download_block{ background-color:#fff; padding-top:100px;}
.index_friend1 .index_f_box .index_f_word{color:#959ead;}
.office-ul1{margin-bottom:10px;}

/**2016-05-26**/
#helpCenter .tab-content h1,#about .tab-content h1{font-size:30px;color:#333;border-bottom:1px solid #e5e5e5;line-height:75px;}
#about .inner-left-xs {padding-left:15px;}
.about-team-ul {padding-left:0;}
.about-team-ul li{padding-left:220px;position: relative;padding-bottom:20px;margin-bottom:20px;border-bottom: 1px solid #efeded;min-height:216px;}
.about-team-ul li img {position:absolute;left:15px;top:6px;width:180px;height:180px;border-radius:90px;border:1px solid #eee;}
.about-team-ul h4{font-size: 24px;line-height: 150%;margin-bottom: 15px;}
.about-team-ul li h4 em {font-size:14px;color:#999999;margin-left:12px;font-style:normal;}


/*sunny添加*/
#accordion{ margin-left:20px;}
.notice_title{ color:#333 !important;overflow: auto;}
.notice_title:hover{ color:#53afff !important;}
.notice_title .title{ float:left;min-width:74%;font: 16px/1.5 arial,microsoft yahei,simsun,simhei,sans-serif !important;}
.notice_title .date{ color:#999;float:right;font: 16px/1.5 arial,microsoft yahei,simsun,simhei,sans-serif !important;}
.pagination{ margin-top:20px;text-align:center;}
#tab-3 .col-md-12{opacity: 99;}
#service_announcement{width:81%;}

.news_informatio.fuji{ padding:22px; border-bottom:1px solid #f0f0f0; overflow:hidden;}
.news_informatio.tupian{ float:left;}
.news_informatio.text{ float:left; margin-left:20px; width:600px;}
.news_informatio.text.know{ float:left; margin-left:20px; width:730px;}
.news_informatio.text h3{margin-bottom:5px;color:#000;font-weight:500;}
.news_informatio.text p{padding-bottom:5px !important;}
.news_informatio.text p a:hover{ text-decoration:underline;}
.full_text{ float:right; color:#53afff;line-height:36px;}
.news_informatio.date{ color:#999;font-size:12px;}
#tab-4 .col-md-12{opacity: 99;}

/*视频一*/
#playvideo {position: fixed;width: 660px;height: 480px;overflow: hidden;z-index:99999;top: 50%;margin-top: -240px;left: 50%;margin-left: -320px;display: none;}
.closed_window {background: #000;height: 100%;width: 100%;opacity: 0.65;position: fixed;bottom: 0;right: 0;z-index:9999;left: 0;display: none;}
.list_bg {bottom: 0;height: 480px;opacity: 0.65;position: fixed;right: 0;width: 660px;z-index: 2000;top: 50%;margin-top: -240px;left: 50%;margin-left: -320px;}
#close {color: #ccc;right:-25px;top:-25px;position: absolute;font-size: 50px;}
.list_bg a {text-decoration: none;}

#service_video{width:100%;}
#service_video02{width:100%;}
.public_conten .public_dl{float: left;width: 220px;margin: 0px 18px 0 0;display: inline;}
.public_dl dt {width: 220px;position: relative;height: 124px;}
.public_dl dt:hover .public_play{display: block;background: #000;opacity: 0.45;width: 220px;height: 124px;}
.public_dl dt .public_play:hover .public_pay{display: block;cunsor: pointer;cunsor: hand;background:url(../images/art/video_banner_currency2.png) no-repeat center center;width: 50px;height: 50px; padding:130px 0 0 216px;}
.public_dl dd.one{font-size: 14px;color: #0b0b0b;height: 22px;}
.public_dl dd{line-height: 1.6;margin: 6px 0 0 3px;clear: both;}
.public_dl dd .title_lf{float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 170px;display: inline-block;}
.public_dl dd.one span{float: right;color: #53afff;}
.public_dl dd.three{font-size: 12px;height: 40px;overflow: hidden;line-height: 20px;color: #a4a4a4; margin-bottom:20px;}
.public_dl dd{margin: 6px 0 0 3px;clear: both;}
.public_dl dt.dl_01{ background-image:url(../images/art/video_banner01.jpg);}
/*视频一*/

/*视频二*/
.public_dl dt.dl_02{ background-image:url(../images/art/video_banner02.jpg);}
/*视频二*/

/*视频三*/
.public_dl dt.dl_03{ background-image:url(../images/art/video_banner03.jpg);}
/*视频三*/

/*视频四*/
.public_dl dt.dl_04{ background-image:url(../images/art/video_banner04.jpg);}
/*视频四*/

/*视频五*/
.public_dl dt.dl_05{ background-image:url(../images/art/video_banner05.jpg);}
/*视频五*/

/*视频六*/
.public_dl dt.dl_06{ background-image:url(../images/art/video_banner06.jpg);}
/*视频六*/

/*视频七*/
.public_dl dt.dl_07{ background-image:url(../images/art/video_banner07.jpg);}
/*视频七*/

/*视频八*/
.public_dl dt.dl_08{ background-image:url(../images/art/video_banner08.jpg);}
/*视频八*/

.col-md-8.video_02{ margin-top:10px;}
.about_activity_tupian{ float:left; margin:10px 6px;}
#tab-5 .contact_us{opacity: 99;}
.ctinfo{padding: 20px 0;width: 1020px;overflow: hidden;padding-bottom: 0px;}
.ctinfo li {float: left;width: 22%;}
.ctinfo li p {line-height: 24px;color: #666;margin: 10px 0px;text-align: center;}
.ctinfo .dianhua{ margin-top:15px !important;}
.contact_span01{display: block;width: 90px;height: 90px;margin: 0 auto; background:url(../images/art/customer_service_hotline.png);}
.contact_span02{display: block;width: 90px;height: 90px;margin: 0 auto; background:url(../images/art/e_mail.png);}
.contact_span03{display: block;width: 90px;height: 90px;margin: 0 auto; background:url(../images/art/telephone.png);}
.contact_span03:hover{ background:url(../images/art/cityray.jpg);width: 90px;height: 90px;}
.contact_span04{display: block;width: 90px;height: 90px;margin: 0 auto; background:url(../images/art/address.png);}

/*sunny添加*/

/**2016-05-31**/
#helpCenter .notice_title .title{ float:left;font:18px arial,microsoft yahei,simsun,simhei,sans-serif !important;padding-left:35px;background: url("../images/art/icon_question.png") 3px center no-repeat;}
#helpCenter .panel .panel-body{padding-left:35px;background: url("../images/art/icon_answer.png") 3px 18px no-repeat;}
#helpCenter .notice_title{ color:#666 !important;}
#helpCenter .notice_title:hover .title{color:#666 !important;cursor:pointer;}
#helpCenter .panel-title > a{padding:15px 0;}
#helpCenter .panel-group .panel{border:none;border-bottom:1px solid #f0f0f0;background-color:#f0f0f0;}
#helpCenter .panel-title > a,#helpCenter .panel-title > a:hover{background-color:#fafafa;}
#helpCenter .panel-title > a.collapsed{background-color:#fafafa;}
#helpCenter .panel-group .panel-heading + .panel-collapse .panel-body {border-top-color:#f0f0f0;}
#helpCenter .panel-title > a span:after{display:none;}
@media (min-width: 768px)
{#helpCenter .col-sm-6 {width:82%;}}
#helpCenter .panel-body{padding:15px;}
#helpCenter .pagination{margin-left:0px;}
#helpCenter .pagination > li > a:hover{border:none;}

/*2016-06-02*/
.operation_manual_fuji{ width:100%; overflow:hidden;}
.operation_manual h1{font-size: 30px;color: #333;border-bottom: 1px solid #e5e5e5;line-height: 75px;margin-top:20px;}
.operation_conten .operation_dl{float: left;width:274px;margin: 0px 18px 0 0;display: inline;}
.operation_dl dt {width:274px;position: relative;height:190px;}
.operation_dl dt:hover .operation_play{display: block;background:#53afff;opacity: 0.9;width:274px;height:190px;}
.operation_dl dt .operation_play:hover .operation_pay{display: block;cursor: pointer;text-align:center;background:url(../images/art/download_icon.png) no-repeat center center;width:274px;height:190px;}
.operation_dl dd.operation_one{font-size: 14px;color: #0b0b0b;height: 22px;}
.operation_dl dd{line-height: 1.6;margin: 6px 0 0 3px;clear: both;}
.operation_dl dd .operation_title_lf{text-align: center;width:274px; font-size:18px;}
.operation_dl dd .operation_title_lf a:hover{color:#333;}
.operation_dl dd.operation_one span{float: right;color: #53afff;}
.operation_dl dd.operation_three{font-size: 12px;height:20px;overflow: hidden;line-height: 20px;}
.operation_dl dd{margin: 6px 0 0 3px;clear: both;}

.operation_dl dt.operation_dl_01{ background-image:url(../images/art/Operation_manual_01.jpg);}
.operation_dl dt.operation_dl_02{ background-image:url(../images/art/Operation_manual_02.jpg);}
.operation_dl dt.operation_dl_03{ background-image:url(../images/art/Operation_manual_03.jpg);}
.operation_dl dt.operation_dl_04{ background-image:url(../images/art/Operation_manual_04.jpg);}
.operation_dl dt.operation_dl_05{ background-image:url(../images/art/Operation_manual_05.jpg);}
.operation_dl dt.driverDownload{ background-image:url(../images/art/fufu_fingerprint_instrument.png);}
.operation_dl dt.driverDownload:hover{ background-image:url(../images/art/fufu_fingerprint_instrument_hover.png);}

/**new css style**/
.news_details{margin-top:-50px;}
.news_details h1,.news_details h3,.news_details p,.news_details h4{text-align:left;}
.news_details .news_title{border-bottom:1px dotted #ddd;margin-bottom:40px;}
.news_details h1{color:#333;font-size:32px;line-height:50px;margin-bottom:10px;}
.news_details h4{color:#999;font-size:14px;line-height:24px;margin-bottom:10px;}
.news_details h3{color:#333;}
.news_details p{color:#555;}
.txt{text-indent:2em;}

@media (max-width: 767px){
.col-sm-45{ margin:30px 0;}	
#get-in-touch .single-block.ZCK-touch{font-size:24px !important;}
#get-in-touch h1 .ZKC-touchtxt{font-size:16px !important;}
#team{display:none !important;}
#team_mobile{display:block !important;}
#function{display:none!important;}
header h1{font-size:1.5em;line-height:36px;margin:30px 0;}
#team_mobile .row.inner-top-sm.text-center{width:50%; float:left}
#team_mobile .row.text-center{width:50%; float:right;}
#team_mobile .icon-overlay{background-size:80%;background-position:center center;width:110px;height:90px; background-repeat:no-repeat; }
#team_mobile .inner-right,#team_mobile .inner-left{padding:0}
#team_mobile .inner-top-sm{padding-top:0}
#team_mobile figcaption{padding:0}
#team_mobile .fufu_h2{ font-size:18px}
.span2{ margin-top:0;margin:auto;padding:0; float:none;}
div.download_block{height:auto}
.container.inner-top.inner-bottom-sm{padding-left:50px; padding-right:50px;}
.organizational_structure_small_screen{background-image:url(../images/art/icon_01_01_20170314.png)}
.employee_files_small_screen{background-image:url(../images/art/icon_01_02_20170314.png)}
.contract_management_small_screen{background-image:url(../images/art/icon_01_03_20170314.png)}
.time_management_small_screen{background-image:url(../images/art/icon_01_04_20170314.png)}
.mobile_office_small_screen{background-image:url(../images/art/icon_01_05_20170314.png)}
.remote_management_small_screen{background-image:url(../images/art/icon_01_06_20170314.png)}
.payroll_accounting_small_screen{background-image:url(../images/art/icon_01_07_20170314.png)}
.statistical_analysis_small_screen{background-image:url(../images/art/icon_01_08_20170314.png)}

.down_box{width:280px}
.tint-bg.multiterminal{height:460px}
.span2{ margin-top:0;margin:auto;padding:0; float:none;}
#hero h1{font-size:25px!important;width:280px;text-align:center;margin:0 auto;}
#hero .btn{margin-top:10px;padding:6px 30px 6px!important}
#hero .download_words{margin-left:0;}
#hero h1 span{font-size:30px!important}
.VIP-sign-in.button-right a{padding:6px 12px}
.sign-in.button-right a{padding:6px 22px}
.register.button-right a{padding:6px 22px}

.tabs-top .tab a{ display: inline-block;vertical-align: bottom;background: #F5F7FA;color: #506A85;font-size: 13px;text-transform: uppercase;width: 96px;height: 34px;border-radius: 5%;
overflow: hidden;margin: 5px; line-height:5px}
.tabs-top .tab{ float:left;}
.tabs-top .etabs{width:320px;height:50px; margin:auto}
.tabs-top .tab:last-child a{ border:none}
.ZKC-container{margin-top:-20px;}
.ZKC-container h3{ text-align:center;}
.tab-content{margin:auto!important}
.tab-content h1{margin-bottom:20px;}

.Partner{padding-top:50px}
.product_banner h1{font-size:25px !important;background-size:100% !important;}
.product_banner h3{font-size:20px !important;margin-top:-70px !important;}

.tabs-side.tab-container .panel-container{margin-right:0;margin-top:10px;}
#standard-tabs-side .inner{padding-top:15px;}
#accordion{margin-left:0;}
#service_announcement{width:100%;}
#helpCenter .panel .panel-body{padding-right:15px;}
#helpCenter .tab-content h1, #about .tab-content h1{font-size: 20px;line-height: 50px;}
#helpCenter .notice_title .title{font-size:16px !important;}

.news_informatio.fuji{padding:0;}
.full_text{line-height:25px;}
.news_informatio.text{width:88%;margin-bottom:10px;}
.news_informatio.text.know{width:88%;margin-bottom:10px;}
.tint-bg.multiterminal{height:500px;}
#tint-background .inner {padding-top: 50px;padding-bottom: 40px;}
/*#tint-background img {margin-top: -20px;}*/
.dateDownload_banner .img-bg{height:204px !important;}
.dateDownload_banner .img-bg .light-color{margin-top:0 !important;line-height: 200px !important;font-size:30px !important;}

#owl-main .owl-controls{margin-top:-24px;}
.owl-pagination .owl-page span{width:10px;height:10px;margin:0 2px;}

.panel-body{padding:10px;}
.notice_title .date{float:none;}
.panel-title > a span{padding-right:0;}
.panel-title > a span:after{top:2px;right:5px;}
.ctinfo li {float:none;width:28%;margin-bottom:40px;}

#standard-tabs-side .tabs-side .tab{width:25%;float:left;}
#standard-tabs-side .tabs-side.tab-container .panel-container{float:left;width:100%;}
#standard-tabs-side .tabs-side .tab.active + .tab a{border-top-color:#f0f0f0;}
#standard-tabs-side .tabs-side .tab a{border-bottom:1px solid #f0f0f0;font-size:15px;margin-right:-1px;}

.map_location img{height:165px;}
.news_informatio.text h3{margin-top:10px;}
.about-team-ul li{padding-left:0;}
.about-team-ul h4{padding-top:200px;}


#portfolio .inner-bottom-sm{padding-bottom: 15px;}
#portfolio .inner-top-sm {padding-top: 20px;}

.tabs-side .tab a{height:44px;padding:2px;}
.navbar-brand img{max-height:40px;}
.btn.responsive-menu{width:34px;height:34px;font-size:17px;margin-top:4px;}
#fufu_video{display:none;}
.FufuWeChat{ display:none}

.company-style{padding-top:0px;width:100%;}
.pagination{text-align:center;}
.pagination > li {margin-left:2px;}


}
@media (min-width: 767px){
footer .inner{ text-align:left;}
.container.inner .fufu_icon{padding:10px;padding-left:90px;}
.container.inner .quick_entry{padding:10px;padding-left:87px; font-size:16px!important;}
.index_friend1{padding-left:90px;}
.container.inner .copyright{padding-left:90px;}
.FufuWeChat{width:200px; text-align:center; float:right;margin-top:-120px; margin-right:60px}
.FufuWeChat img{width:84px;height:84px; margin-bottom:8px}
.FufuWeChat span{ display:inline-block}
}

@media (max-width: 1024px){
.navbar{position:fixed;opacity:.95;width:100%;top:0;}
main{margin-top:61px;}
}

@media (min-width: 768px) and (max-width: 1024px) { 
	#fufu_video{display:none;}
	#owl-main.height-lg .item{height:400px}
	.height-lg{height:400px}
	.banner1{margin-top:-200px!important}
	footer .inner{ text-align:left;}
	.container.inner .fufu_icon{padding:10px;padding-left:50px;}
	.container.inner .quick_entry{padding:10px;padding-left:47px; font-size:16px!important;}
	.index_friend1{padding-left:50px;}
	.container.inner .copyright{padding-left:50px;}
	.FufuWeChat{ margin-right:30px}
	.span2{width:20%;margin:0 6%;margin-top:100px}
	.down_box{width:760px;margin:auto}
	.recommend img{width:80%}
	.span2.saosao p{ padding:0 10px; font-size:18px}
	.saosao{height:240px;}
	.scene-nav ul{width:750px; }
	.scene-nav ul li{ margin-right:-15px}
	.scene_nav_fixed{ z-index::8001!important}
	.office-help{width:740px}
	.office-help-ul{width:382px}
	.office-help3{margin:0;margin-top:119px}
	.scene-nav-line{ display:none}
	#service_video02{width:90%}
	.tabs-side .etabs{width:150px}
	.tabs-side.tab-container .panel-container{width:550px}
	#service_announcement,#helpCenter .col-sm-6{width:565px}
	#accordion .container.inner{padding-top:0px!important;padding-left:0!important}
	.col-md-6.inner-top-xs.inner-left-xs.animated.fadeInUp{width:100%}
	.news_informatio.text{width:500px;margin-left:0;margin-top:10px}
	.map_location img{width:600px!important;}
	.ctinfo li{width:25%;font-size:12px}
	.ctinfo{width:520px}
	.tabs-side.tab-container .panel-container{padding-left:12px}
	.organizational_structure_small_screen,.employee_files_small_screen,.contract_management_small_screen,.time_management_small_screen,.mobile_office_small_screen,.remote_management_small_screen,.payroll_accounting_small_screen,.statistical_analysis_small_screen{background-size:80%;background-repeat:no-repeat;background-position:center;}
	#team figcaption {padding-top:0;}
	.organizational_structure_small_screen{background-image:url(../images/art/icon_01_01_20170314.png)}
	.employee_files_small_screen{background-image:url(../images/art/icon_01_02_20170314.png)}
	.contract_management_small_screen{background-image:url(../images/art/icon_01_03_20170314.png)}
	.time_management_small_screen{background-image:url(../images/art/icon_01_04_20170314.png)}
	.mobile_office_small_screen{background-image:url(../images/art/icon_01_05_20170314.png)}
	.remote_management_small_screen{background-image:url(../images/art/icon_01_06_20170314.png)}
	.payroll_accounting_small_screen{background-image:url(../images/art/icon_01_07_20170314.png)}
	.statistical_analysis_small_screen{background-image:url(../images/art/icon_01_08_20170314.png)}
	#tint-background img{width:100%}
	.tint-bg.multiterminal{height:750px;}
	.safety_btn{margin-top:20px}
	.company .col-md-3 {width:50%;float:left;}
}
.company .inner-left-xs{padding-left:0 !important;}
.company .col-md-3{padding-right:0 !important;}
.company-style.col-md-3{border:1px solid #fff;border-left:0;border-bottom:0;overflow: hidden;}
.company-style img{width:100%;}
.news_content img{height:auto !important;}
.company-style img{margin: 0 auto;width: 100%;cursor: pointer;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;}
.company-style img:hover{transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);}



/**float-bar-nav css style**/
.float-bar-nav{position: fixed;z-index: 1002;bottom: 50px;right: 20px; }
.float-bar-nav .item{width:66px; height:66px; margin-bottom:8px}
.float-bar-nav .item a{width:66px;height:66px; display:block;background:#50596d; text-align:center;padding-top:7px;color:#e7e7e7;font-size:12px;}
.float-bar-nav .item a img{width:33px;height:33px; display:inline-block;}
.float-bar-nav #Application{ position:relative}
.float-bar-nav #Application div,.float-bar-nav #WeChat div{width:100px;height:100px; border:1px solid #53afff; border-radius:3px; position:absolute; background:#fff;top: -14px;left: -110px; display:none}
.float-bar-nav #Application div img{width:76px;height:76px;margin-top:12px}
.float-bar-nav #Application div i{ width:8px;height:13px; display:block; background:url(../images/xiaojiantou2.png) no-repeat; position:absolute;top:43px;left:98px;}
.float-bar-nav #WeChat{ position:relative}
.float-bar-nav #WeChat div img{width:84px;height:84px;margin-top:8px}
.float-bar-nav #WeChat div i{ width:8px;height:13px; display:block; background:url(../images/xiaojiantou2.png) no-repeat; position:absolute;top:43px;left:98px;}
.float-bar-nav #Application a:hover div,.float-bar-nav #WeChat a:hover div{ display:block;}
.float-bar-nav .item a:hover{ background:#53afff; color:#fff !important;}

.float-bar-nav #immediateExp a{background-color:#53afff;color:#fff;}
.float-bar-nav #immediateExp a:hover{background-color:#4c9fe8;}

@media (max-width: 767px){
.float-bar-nav{ display:none;}
#scrollUp {bottom: 120px;right: 20px;font-size: 36px;line-height: 100%;color: #FFF;background-color:rgba(51, 51, 51, 0.6);padding: 3px;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;opacity: .5;}
#scrollUp:hover {color: #53afff;opacity: 1;}
}

/**cases page css style**/
.hardware_title{font-size:24px;color:#333;padding:30px 16px;}
.hardware_module_02{margin-top:33px;}
.case .item{background-color:#fff;height:350px;}
.case .customer_logo{width:220px;height:220px;vertical-align:middle;margin:0px auto;}
.items.col-4.gap .W1_img{width:576px;}
.items .W1_img img{width:auto;}
.case-info {text-align:center;padding:16px 20px 0 20px;background-color: #fff;}
.case-info dt {font-size: 16px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.case-info dd {font-size: 14px;color: #666;line-height:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-info dd span{color: #999;}
.case-info dd .linker{color:#53afff;}
a.link.more:after, a.linker.more:after {content: "";width: 17px;height: 17px;margin-left: 5px;display: inline-block;vertical-align: -4px;background-image:url(../images/icons-universal.png);}
@media (max-width:1920px){
.case-panel .cover {height:250px;line-height:250px;padding:20px 40px;}
.case-info dd.text {height:54px;}
.case-info dd.text {line-height:22px;margin:20px 0 10px;height:70px;overflow: hidden;white-space: inherit;}
.case-info dd a.more {font-size: 14px;cursor:pointer;}
.case-info dd a.more:hover {text-decoration:underline;}
}

.case .item.thumb.identity{transition: all .2s linear; */
    -moz-transition: all .2s linear;
    /* -webkit-transition: all .2s linear; */
    -o-transition: all .2s linear;}

.case .item.thumb.identity:hover{margin-top:-3px;box-shadow:0px 10px 20px rgba(0, 0, 0, 0.08);}
.case .item.thumb.print:hover{margin-top:-3px;box-shadow:0px 10px 20px rgba(0, 0, 0, 0.08);}
.case .item.thumb.interactive:hover{margin-top:-3px;box-shadow:0px 10px 20px rgba(0, 0, 0, 0.08);}
.case .items.col-4.gap{overflow:inherit !important;}

/**cases detail pages css style**/
.caseDetail{background-color:#f8f8f8;}
#hero .content{ max-width:1200px; margin: auto; padding-top:60px;height:360px}
#hero .content .BoxLeft{width:590px; height:300px;  background:url(../images/art/tupian.png) no-repeat; float:left;transition: .3s;-moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s;background-size:100% auto;background-position: center;}
#hero .content .BoxLeft:hover{ background-size:105% auto;}
#hero .content .BoxRight{width:590px; height:300px;  background:#e5edf5; float: right; padding:0 40px; position:relative}
.BoxLeft dl{width:590px;height:150px; margin-top:75px; padding-left:30px}
.BoxLeft .cover{width:180px;height:150px; background:#fff; float:left; margin-right:30px;position:relative;}
.BoxLeft .cover img{position:absolute;top:50%;left:50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.BoxLeft dd{ display:inline-block; font-size:14px;color:#fff;width:300px;}
.BoxLeft dd h3{font-size:26px; color:#fff; margin-bottom:30px}
.BoxRight h3{height:30px;font-size:22px;color:#333;}
.BoxRight p{font-size:14px!important; line-height:26px!important;text-align: justify!important;}
#solution{max-width:1200px;margin:auto; padding-bottom:80px}
#solution .title{ height:34px; font-size:30px; color:#333; line-height:36px; border-left:4px solid #53afff;margin-top:40px; margin-bottom:20px;padding-left:10px}
#solution .describe{ width:1200px; height:auto; background:#fff; border-radius:3px;padding: 50px 0;color:#555;}
#solution .describe .text{padding:0 40px;line-height:26px!important;}
.layer{ position:absolute;top:50%;left:0; transform:translate(0,-50%);-webkit-transform:translate(0,-50%);padding: 0 40px;}
.icon-intro{width:22px;height:25px; display:inline-block;background:url(../images/icon-intro.png); vertical-align: middle;margin-right: 8px;margin-top: -2px;}
.BoxRight .xiaojiantou{width:10px;height:20px; background:url(../images/xiaojiantou.png);position:absolute;top:50%;left:0; transform:translate(-100%,-50%);-webkit-transform:translate(-100%,-50%);}
@media (max-width: 1200px){
	#hero .content{max-width:100%;height:inherit;padding:0}
	#hero .content .BoxLeft{width:96%;background:url(../images/art/tupian.png) no-repeat; background-size:100%;margin:auto; float:none; margin-bottom:30px}
	#hero .content .BoxRight{width:96%;margin:auto; float:none; margin-bottom:30px}
	.BoxLeft dl{padding-top:75px;padding-left:60px}
	#solution{width:96%; margin:auto}
	#solution .describe{width:100%;}
	.BoxRight .xiaojiantou{ display:none;}}
@media (max-width: 767px){
	#hero .content .BoxLeft{ background-size:cover;height:320px;}
	.BoxLeft dl{padding-top: 59px;padding-left: 34px;}
	.BoxLeft dd{padding-bottom: 0; position:relative;top:140px}
	.BoxLeft dd h3{padding-bottom: 56px; margin-bottom:73px; position:absolute; top:-194px}    
	.BoxLeft .cover {margin-right: -185px;margin-top: 10px}
	.layer{ padding:0 18px}
	#hero .content .BoxRight{height:380px}
	#solution .describe .text{padding:0 18px}
	#hero .content .BoxLeft:hover{background-size:cover}
	}
/**index.html News css style**/
#News{ background:#f8f8f8;padding:100px 0 50px 0;}
#News h1{color:#333;}
#News dl{width: 288px;float: left;margin: 25px 0;padding-left:80px}
#News dd{ text-align:left}
#News dd h3 a{font-size: 20px;color:#666;font-family: "微软雅黑";margin-bottom: 0;background-image:none;}
#News dd h3 a:hover{color:#53afff;text-decoration:none;}
#News dd a{display: block;width:280px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-indent:16px;line-height:26px;font-size: 14px;color: #666;font-family: "微软雅黑";background: url(../images/list_icon.png)left 11px no-repeat;}
#News dd a:hover{color:#333; text-decoration:underline;}
@media (min-width: 1200px){
#News dl{padding-left:50px;}}
@media (min-width: 768px) and (max-width: 1200px){
#News dl{padding-left:0px;}
#News dl{width:180px;}
#News dd a{display: block;width:170px;}
}
@media (max-width: 767px){
	#News h1{color:#333; margin-bottom:30px}
	#News dl{padding-left:0px;}
	}
/**2016/10/12 服服云管理安全模块**/
.safety_link{text-align:center;}
.safety_btn{text-align:center;display: inline-block;width: 300px;height: 60px;line-height: 60px;border: 1px solid #fff;font-size: 18px;border-radius: 3px;text-align: center;color: #fff;}
.safety_btn:hover{color:#53afff !important;background-color:#fff;}
@media (max-width: 767px){
.safety_btn {width: 160px;height: 40px;line-height: 40px;font-size: 16px; margin-top:100px !important;}
	}
#ydh_head_video_div_clock ul{ margin-bottom:0 !important;}


.download-banner{height:600px}
.download-banner .fadeInDown-1{font-size:50px!important; margin-bottom:50px!important;}
.download-banner a i{ width:120px; height:24px; font-size:20px; font-style:normal; color:#fff; margin-top:8px; display:inline-block;padding-left:36px;margin-left:14px; line-height:24px}
.iOS-icon{ background:url(../images/art/fufu-download-iPhoneIcon.png) no-repeat}
.android-icon{ background:url(../images/art/fufu-download-AndroidIcon.png) no-repeat}
.web-icon{ background:url(../images/art/fufu-download-WebIcon.png) no-repeat}
.download-banner a{border:1px #fff solid; border-radius:4px;width:140px;height:40px; display:inline-block;margin:5px 0}
.download-banner a:hover{ background:rgba(255, 255, 255, 0.1);}
.download-content .inner-top-md,.download-content .inner-top{height:500px!important; width:960px!important; margin:auto!important;padding:50px 0 50px 0;}
.download-content img{width:520px!important;height:400px; display:block}
.download-content .container{width:100%!important;}
.download-content.inner{ padding-bottom:0px}
.download-content-p1,.download-content-p2,.download-content-p3,.download-content-p4{ padding:0}
.download-content .ZKCityray-servuce{ width:440px; padding:0}
.download-content .ZKCityray-servuce h2{ font-size:39px; color:#53afff!important;}
#product.download-content .container.inner .row .col-sm-6 p{ font-size:20px!important; color:#666!important;}

/**safety page css style**/

.safety-banner,.trait-banner{height:350px}
.safety-content .inner-top-md,.safety-content .inner-top{height:500px!important; width:1100px!important; margin:auto!important;}
.safety-content-p1,.safety-content-p2,.safety-content-p3,.safety-content-p4,.safety-content-p5,.safety-content-p6,.trait-content-p1,.trait-content-p2,.trait-content-p3,.trait-content-p4,.trait-content-p5,.trait-content-p6{ padding:0}
.safety-content .inner-top-md,.safety-content .inner,.trait-content .inner-top-md,.trait-content .inner{padding:0!important;}
.safety-content img{height:auto; display:block}
.safety-content .container,.trait-content .container{width:100%!important;} 
.safety-content .ZKCityray-servuce,.trait-content .ZKCityray-servuce{padding:80px 0 0 0;}
.safety-content .ZKCityray-servuce h2{ font-size:34px; color:#53afff!important;margin-top:80px}
.safety-content-p1 .ZKCityray-servuce,.safety-content-p3 .ZKCityray-servuce,.safety-content-p5 .ZKCityray-servuce{ float:left!important;}
.safety-content .inner-left-xs,.safety-content .inner-right-xs,.trait-content .inner-left-xs,.trait-content .inner-right-xs{padding:0}
@media (min-width: 780px) and (max-width: 1200px){
	.safety-content .inner-top-md,.safety-content .inner-top{height:500px!important; width:900px!important; margin:auto!important;}
	.safety-content .ZKCityray-servuce h2{ font-size:30px; color:#53afff!important;margin-top:60px}
	.safety-content img{width:500px!important}
	.safety-content .col-sm-6.inner-top-xs.inner-left-xs.ZKCityray-servuce.animated.fadeInUp{padding-top:0px!important;}
	.safety-content-p6 h2{margin-top:20px!important;}
}
@media (max-width: 769px){
	.safety-banner{height:22vh}
	.safety-content .inner-top-md,.safety-content .inner-top{height:auto!important; width:100%!important; margin:auto!important;}
	.safety-content .ZKCityray-servuce h2{ font-size:22px; color:#53afff!important;margin-top:0px}
	.safety-content .ZKCityray-servuce p{font-size:12px!important}
	.safety-content img{width:100%!important;height:55%; margin:auto 0}
	.safety-content .col-sm-6.inner-top-xs.inner-left-xs.ZKCityray-servuce.animated.fadeInUp,.safety-content .col-sm-6.col-sm-pull-6.inner-top-xs.inner-right-xs.ZKCityray-servuce.animated.fadeInUp{width:90%; margin:0 5%}
	footer.dark-bg{ margin-top:20px}
	.safety-content .col-sm-pull-6{right:0!important;}
	.safety-content .col-sm-6.col-sm-push-6.inner-left-xs.animated.fadeInUp{left:0%!important; margin:0 auto!important;}
}

.trait-content .inner-top-md,.trait-content .inner-top{height:650px!important; width:1100px!important; margin:auto!important;}
.trait-content img{width:400px!important;height:auto; display:block;margin-top: 120px;}
.trait-content .ZKCityray-servuce{padding:80px 0 0 0!important;}
.trait-content .ZKCityray-servuce h2{font-size:50px; color:#53afff!important;margin-top:80px}
.trait-content .ZKCityray-servuce h3{font-size:26px; color:#53afff!important;}
.trait-content .ZKCityray-servuce p{letter-spacing:1px}
.trait-content .trait-content-p3 img,.trait-content .trait-content-p4 img{float:right}
.trait ul li:hover{box-shadow:0px 5px 15px rgba(0, 0, 0, 0.1);-webkit-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;transition: all .3s ease;}

@media (max-width: 1100px){
	.trait-content .inner-top-md,.trait-content .inner-top{ width:960px!important; margin:auto!important;}
	}
@media (max-width: 769px){
	.trait-banner{height:22vh}
	.trait-content .inner-top-md,.trait-content .inner-top{height:auto!important; width:100%!important; margin:auto!important;}
	.trait-content .ZKCityray-servuce{padding:0 0 50px 0!important;}
	.trait-content .ZKCityray-servuce h2{ font-size:22px; color:#53afff!important;margin-top:0px}
	.trait-content .ZKCityray-servuce h3{ font-size:16px; color:#53afff!important;margin-top:0px}
	.trait-content .ZKCityray-servuce p{font-size:12px!important; margin-bottom:20px}
	.trait-content img{width:75%!important;height:55%; margin:10%!important}
	.trait-content .col-sm-6.inner-top-xs.inner-left-xs.ZKCityray-servuce.animated.fadeInUp,.trait-content .col-sm-6.col-sm-pull-6.inner-top-xs.inner-right-xs.ZKCityray-servuce.animated.fadeInUp{width:90%; margin:0 5%}
	footer.dark-bg{ margin-top:20px}
	.trait-content .col-sm-pull-6{right:0!important;}
	.trait-content .col-sm-6.col-sm-push-6.inner-left-xs.animated.fadeInUp{left:0%!important; margin:0 auto!important;}
}
/**考勤机页面css style**/
#FFSoftware #hero{ width:100%;height:700px; position:relative; overflow:hidden;}
#FFSoftware #hero h1 img{position: absolute;top:60px;left: 50%;margin-left:-294px;}
#FFSoftware #hero .kaoqinji img{position: absolute;bottom: -12px;left: 50%;margin-left:-312px;}
#FFSoftware #function{width:100%; height:200px; position:relative;marign:0!important}
#FFSoftware #function ul{width:1120px;height:200px; position:absolute;left:50%; margin-left:-560px}
#FFSoftware #function li{width:110px;height:190px; float:left; margin:20px 25px 10px 25px;font-size:18px; color:#333; text-align:center;}
#FFSoftware #particulars{width:100%;height:700px; position:relative; background:#f5f5f5}
#FFSoftware #particulars h2 img{position: absolute;top:100px;left: 50%;margin-left:-178px;}
#FFSoftware #particulars .figure img{position: absolute;bottom: 43px;left: 50%;margin-left:-460px;}
#FFSoftware #performance{width:100%; height:544px;position:relative;}
#FFSoftware #performance h2 img{ position:absolute;top:-120px; left:50%;margin-left:-103px}
#FFSoftware #performance .tab{margin-top:190px}
#FFSoftware #performance th,#FFSoftware #performance td{padding-left: 20px;font-size: 18px; border:2px solid #fff}
#FFSoftware #beauty{width:100%;position:relative; }
#FFSoftware #beauty .figure img{width:100%}
#FFSoftware #beauty .text{position: absolute; bottom:170px;right:90px}
#FFSoftware #beauty .text img{ float:right; margin-bottom:30px}
#FFSoftware #beauty p{font-size:20px; letter-spacing:2px; color:#414141; text-align:right; float:right; line-height:40px}
#FFSoftware #configuration{ width:100%;height:900px;position:relative; background:url(../images/art/Face6_configuration.png) no-repeat;margin-top:-20px;background-position:center}
#FFSoftware #configuration h2 img{position: absolute;top:100px;left: 50%;margin-left:-129px;}
#FFSoftware #configuration p{ text-align:center;padding-top:180px;font-size:20px;color:#ccc;line-height:38px; letter-spacing:1px}
#FFSoftware #recognition{ width:100%; height:850px;;position:relative; background:url(../images/art/Face6_recognition.png) no-repeat;margin-top:-20px;background-position:center}
#FFSoftware #recognition h2 img{position: absolute;top:100px;left: 50%;margin-left:-101px;}
#FFSoftware #recognition p{ text-align:center;padding-top:180px;font-size:20px;color:#ccc;line-height:38px; letter-spacing:1px}
#FFSoftware #AddZKsoftware{width:100%;height:600px; position:relative; background:#f5f5f5;margin-top:-20px}
#FFSoftware #AddZKsoftware h2 img{position: absolute;top:100px;left: 50%;margin-left:-225px;}
#FFSoftware #AddZKsoftware .figure img{position: absolute;top:246px;left: 50%;margin-left:-480px;}
#FFSoftware #AddZKsoftware p{text-align:center;padding-top:466px;font-size:20px;color:#414141;line-height:38px; letter-spacing:1px}
#FFSoftware #next{width:100%;height:280px; position:relative;}
#FFSoftware #next a{width:400px;height:80px; border:1px solid #31302f; border-radius:50px;position: absolute;top:50%;left: 50%;margin-left:-200px;margin-top:-40px}
#FFSoftware #next a p{text-align:center;;font-size:20px;color:#ccc; letter-spacing:1px; line-height:80px;color:#414141}
#FFSoftware.FU80 #hero h1 img{margin-left:-250px}
#FFSoftware.FU80 #hero .kaoqinji img{margin-left:-368px; bottom:-40px}
#FFSoftware.FU80 #function ul{width:960px;margin-left:-480px}
#FFSoftware.FU80 #particulars{height:900px;}
#FFSoftware.FU80 #particulars .figure img{top:0;margin-left:-453px;}
#FFSoftware.FU80 #particulars .down img{ top:633px; margin-left:-331px;}
#FFSoftware.FU80 #particulars h2 img{top:424px}
#FFSoftware.FU80 #performance{height:405px}
#FFSoftware.FU80 #performance h2 img{top:-150px;}
#FFSoftware.FU80 #performance .tab{margin-top:495px}
#FFSoftware.FU80 #humanization{width:100%;height:900px; position:relative;}
#FFSoftware.FU80 #humanization .box1{width:1150px;height:800px;position:absolute;top:50%;left:50%;margin-left:-574px;margin-top:-400px; z-index:10}
#FFSoftware.FU80 #humanization .box1 .figure2{ margin-bottom:-475px}
#FFSoftware.FU80 #humanization .box1 .figure3{ margin-bottom:-80px}

#FFSoftware.FU80 #humanization .box2{width:960px;height:600px; position:absolute;top:50%;left:50%; border:1px solid #7f7f7f; margin-left:-480px;margin-top:-300px; z-index:9; padding-left:640px;padding-top:80px}
#FFSoftware.FU80 #humanization .box2 p{ font-size:20px; color:#414141; line-height:32px}
#FFSoftware.FU80.FU90 #hero h1 img{margin-left:-256px}
#FFSoftware.FU80.FU90 #hero .kaoqinji img{margin-left:-350px; bottom:-28px}
#FFSoftware.FU80.FU90 #function ul{width:1120px;margin-left:-560px}
#FFSoftware.FU80.FU90 #particulars .figure img{top:0;margin-left:-420px;}
#FFSoftware.FU80.FU90 #particulars .down img{ top:633px; margin-left:-360px;}
#FFSoftware.FU80.FU90.FU200 #hero h1 img{margin-left:-265px}
#FFSoftware.FU80.FU90.FU200 #hero .kaoqinji img{margin-left:-320px; bottom:-40px}
#FFSoftware.FU80.FU90.FU200 #particulars .figure img{top:0;margin-left:-447px;}
#FFSoftware.FU80.FU90.FU200 #particulars .down img{ top:633px; margin-left:-330px;}
#FFSoftware.FU80.FU90.FU200 #particulars h2 img{marign-left:-196px}
#FFSoftware.FU80.FU90.FU200 #beauty{ width:100%;height:800px;position:relative; background:url(../images/art/FU200_beauty_bg.png) no-repeat;margin-top:-20px;background-position:center}
#FFSoftware.FU80.FU90.FU200 #beauty h2 img{position: absolute;top:100px;left: 50%;margin-left:-106px;}
#FFSoftware.FU80.FU90.FU200 #beauty p{ text-align:center;padding-top:180px;font-size:20px;color:#ccc;line-height:38px; letter-spacing:1px; float:none}
#FFSoftware.FU80.FU90.FU200 #humanization .box1{width:1150px;height:800px;position:absolute;top:50%;left:50%;margin-left:-574px;margin-top:-400px; z-index:10; background:url(../images/art/renxinghua_figure_200.png) no-repeat; padding-left:483px; padding-top:65px}
#FFSoftware.FU80.FU90.FU200 #humanization .box1 p{margin-bottom:8px; font-size:20px}

/**2017/07**/
#FFSoftware.FU-X9 #beauty{width: 100%;height: 800px;position: relative;background:url(../images/art/FU-X9_beauty_bg.png) no-repeat; margin-top: -20px;background-position: center;}
#FFSoftware.FU-X9 #beauty h2 img{position: absolute;top: 100px;left: 50%;margin-left: -208px}
#FFSoftware.FU-X9 #beauty p{text-align: center;padding-top: 180px;font-size: 20px;color: #ccc;line-height: 38px;letter-spacing: 1px;float: none;}
#FFSoftware.FU-X9 #humanization{width:100%;height:900px; position:relative;}
#FFSoftware.FU-X9 #humanization .box1{width:1150px;height:800px;position:absolute;top:50%;left:50%;margin-left:-574px;margin-top:-400px; z-index:10}
#FFSoftware.FU-X9 #humanization .box1 .figure2{ margin-bottom:-475px}
#FFSoftware.FU-X9 #humanization .box1 .figure3{ margin-bottom:-80px}
#FFSoftware.FU-X9 #humanization .box2{width:960px;height:600px; position:absolute;top:50%;left:50%; border:1px solid #7f7f7f; margin-left:-480px;margin-top:-300px; z-index:9; padding-left:640px;padding-top:80px}
#FFSoftware.FU-X9 #humanization .box2 p{ font-size:20px; color:#414141; line-height:32px}
#FFSoftware.FU-X9 #humanization .box1{width:1150px;height:800px;position:absolute;top:50%;left:50%;margin-left:-574px;margin-top:-400px; z-index:10; background:url(../images/art/renxinghua_figure_2001.png) no-repeat; padding-left:628px; padding-top:158px}
#FFSoftware.FU-X9 #humanization .box1 p{margin-bottom:8px; font-size:20px}
#FFSoftware.FU-X9 #hero .kaoqinji img{width:640px;margin-left: -320px;}
#FFSoftware.FU-X9 #hero h1 img{ margin-left:-358px}

@media (max-width: 1100px){
	#FFSoftware #function ul{width:1000px;margin-left:-500px}
	#FFSoftware #function li{margin: 20px 15px 10px 15px;}
	#FFSoftware.FU80.FU90 #function ul{width:1000px;margin-left:-500px}
	#FFSoftware.FU80.FU90 #function li{margin: 20px 15px 10px 15px;}
	#FFSoftware.FU80.FU90.FU200 #humanization .box1 p{ font-size:18px;}
	#FFSoftware.FU80.FU90.FU200 #humanization .box1{width:960px; margin-left:-480px; background-size:100%;padding-left: 393px;padding-top: 44px;}
	#about{width:960px;}
	#FFSoftware  br{ display:inline-block}
	#FFSoftware #beauty p{font-size:17px;letter-spacing: 1px;bottom: 78px;right: 79px;}
	#FFSoftware.FU80 #humanization .box1{width: 960px;margin-left: -480px;margin-top:-357px}
	#FFSoftware.FU80 #humanization .box1 .figure1{width:60%}
	#FFSoftware.FU80 #humanization .box1 .figure2{width:25%}
	#FFSoftware.FU80 #humanization .box1 .figure3{width:14%}
	#FFSoftware.FU80 #humanization .box2{padding-left:610px}
	#FFSoftware.FU80.FU90 #beauty .text{bottom: 80px;}
	#FFSoftware.FU80 #beauty .text{bottom:60px}
	}
.disableCss:hover{color:#333;}
@media (max-width: 767px){
	.disableCss{cursor:default;}
	.disableCss:hover{color:#666;}
}


.organizational_structure.icon{display: inline-block; background-image:url(../images/art/icon_01_01_20170314.png); width:110px; height:110px;}
.organizational_structure.icon:hover{background-image:url(../images/art/icon_02_01_20170314.png);}


.employee_files.icon{display: inline-block; background-image:url(../images/art/icon_01_02_20170314.png); width:110px; height:110px;}
.employee_files.icon:hover{background-image:url(../images/art/icon_02_02_20170314.png);}

.contract_management.icon{display: inline-block; background-image:url(../images/art/icon_01_03_20170314.png); width:110px; height:110px;}
.contract_management.icon:hover{background-image:url(../images/art/icon_02_03_20170314.png);}

.time_management.icon{display: inline-block; background-image:url(../images/art/icon_01_04_20170314.png); width:110px; height:110px;}
.time_management.icon:hover{background-image:url(../images/art/icon_02_04_20170314.png);}

.mobile_office.icon{display: inline-block; background-image:url(../images/art/icon_01_05_20170314.png); width:110px; height:110px;}
.mobile_office.icon:hover{background-image:url(../images/art/icon_02_05_20170314.png);}

.remote_management.icon{display: inline-block; background-image:url(../images/art/icon_01_06_20170314.png); width:110px; height:110px;}
.remote_management.icon:hover{background-image:url(../images/art/icon_02_06_20170314.png);}

.payroll_accounting.icon{display: inline-block; background-image:url(../images/art/icon_01_07_20170314.png); width:110px; height:110px;}
.payroll_accounting.icon:hover{background-image:url(../images/art/icon_02_07_20170314.png);}

.statistical_analysis.icon{display: inline-block; background-image:url(../images/art/icon_01_08_20170314.png); width:110px; height:110px;}
.statistical_analysis.icon:hover{background-image:url(../images/art/icon_02_08_20170314.png);}


.function p{ font-size:1.2em;}
.fufu_function{padding:0px 40px;}
.four_function{ padding-bottom:40px; overflow:hidden;}







/*****************************服服收费政策调整改版2017-09*********************************************/
@media (min-width: 1025px){
	#fufu_index .navbar-brand{display:none;}
	#fufu_index .navbar-brand.fufu_logo_line{display:table-cell;}
	#fufu_index .navbar-collapse.collapse{background-color:rgba(255, 255, 255, 0); position:fixed;border:none;}
	#fufu_index .navbar-nav > li > a{color:#eee;}
	#fufu_index .navbar-collapse.collapse.stuck .navbar-nav > li > a{color: #506A85;}
	#fufu_index .navbar-collapse.collapse.stuck .navbar-nav > li > a:hover{color: #53afff;}
	#fufu_index .nav > li > a:hover{color:#fff;}
	#fufu_index .register.button-right a{color:#fff;border:1px solid #fff;background-color: rgba(255, 255, 255, 0);}
	#fufu_index .sign-in.button-right a{border:1px solid #fff;background-color: rgba(83, 175, 255, 0);}
	#fufu_index .VIP-sign-in.button-right a{border:1px solid #fff;background-color: rgba(97, 114, 150, 0);}
	
	#fufu_index  .navbar-collapse.collapse.stuck .navbar-brand{display:table-cell;}
	#fufu_index  .navbar-collapse.collapse.stuck .navbar-brand.fufu_logo_line{display:none;}
	#fufu_index .navbar-collapse.collapse.stuck{background-color:#fff;}
	#fufu_index .navbar-collapse.collapse.stuck .index_selected a{color:#53afff !important;}
	#fufu_index .navbar-collapse.collapse.stuck .register.button-right a{color:#53afff;border:1px solid #53afff;background-color:#fff;}
	#fufu_index .navbar-collapse.collapse.stuck .sign-in.button-right a{border:1px solid #53afff;background-color:#53afff;}
	#fufu_index .navbar-collapse.collapse.stuck .VIP-sign-in.button-right a{border: 1px solid #617296;background-color: #617296;}

}

#fufu_index .navbar .navbar-header{border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;}
.fufu_theme_mobile{display:none;}
.video_screen{position: relative;}
.video_screen .video_mask{background-color:rgba(14,18,25,0.7);z-index:999;width:100%;height:100%;position:absolute;top:-7px;overflow:hidden;display: flex; justify-content: center; align-items: center;}
.mask_content{position:relative;}
.video_screen .fufu_slogan{margin:0 auto;color:#fff;font-size:40px;width:100%;margin:90px auto;line-height:130%;letter-spacing: 0.025em;}
.video_screen .video_mask .play_icon{width:100px;height:100px;margin:0 auto;margin-bottom:90px;cursor:pointer;}
.fufu_advantage:hover .fufu_advantage_pic,.video_screen .video_mask .play_icon:hover{-webkit-animation:bounceIn .5S ease 0s 1 both;animation:bounceIn .5S ease 0s 1 both;}
@-webkit-keyframes bounceIn{
	25%{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}	
 	75%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
 	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	}
@keyframes bounceIn{
	25%{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}
 	75%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
 	100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
	}
.bounceIn{-webkit-animation-name:bounceIn;-moz-animation-name:bounceIn;-o-animation-name:bounceIn;animation-name:bounceIn;}


.video_screen .video_two_btn{width:420px;margin:0 auto;margin-bottom:40px;}
.video_screen .video_two_btn .fufu_register{float:left;width:200px;height:48px;border-radius:4px;background-color:#53afff;color:#fff;font-size:18px;line-height:48px;}
.video_screen .video_two_btn .fufu_login{float:right;width:200px;height:48px;border-radius:4px;border:1px solid #fff;color:#fff;font-size:18px;line-height:48px;}
.video_screen .more_video{margin:160px auto 20px auto;height:40px;width:300px;}
.video_screen .more_video span{margin-right:10px;line-height:40px;color:#ccc;}
.video_screen .more_video:hover span{color:#fff;}
.video_screen .more_video img{vertical-align: middle;line-height:40px;}

.version_module_mobile{display:none;}
.charge_version{background-color:#fff;}
.four_version_module{ background-color:#fafafa;}
.four_version_module.four_fufu_module{ margin-top:-15px;}

@media (min-width: 768px)
{.fufu_version.col-sm-45 {margin:15px 10px;}}
.fufu_version{ height:360px;width:280px;background-color:#fff;border-radius:3px;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_version:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); margin-top:12px;}
.fufu_module .fufu_version{ height:250px;}
.version_pic{ width:100%; height:160px;border-radius:3px 3px 0 0;background-color:#fff;transition:background 0.3s;}
.version_content {margin:30px 18px; height:220px;color:#666;}
.version_content h2{font-size:24px;line-height:100%;}
.version_content p{color:#999;font-size:14px;text-align:left;}
.fufu_module.version_content{height:90px;margin:0;padding:20px;}
.fufu_module .version_content h2{font-size:20px;line-height:100%;margin-bottom:5px;}
.fufu_module .version_content p{color:#999;font-size:16px;text-align:center;}

.fufu_version:hover .version_content h2{color:#333;}
.fufu_version:hover .version_content p{color:#666;}
.version_module{width:1200px;min-width:1200px;margin:0 auto;margin-top:60px;padding-bottom:20px;}
.fufu_module.version_module{margin-top:0;}
.fufu_basic_edition.fufu_lgreen.version_pic{ background-image:url(../images/art/base_version_highlight.jpg);background-size:100%; opacity:.6;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_version:hover .fufu_basic_edition.fufu_lgreen.version_pic{ background-image:url(../images/art/base_version_highlight.jpg);background-size:100%;opacity:1;}

.fufu_basic_edition.fufu_blue.version_pic{ background-image:url(../images/art/standard_edition_highlight.jpg);background-size:100%; opacity:.6;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_version:hover .fufu_basic_edition.fufu_blue.version_pic{ background-image:url(../images/art/standard_edition_highlight.jpg);background-size:100%;opacity:1;}

.fufu_advanced_edition.fufu_green.version_pic{ background-image:url(../images/art/all-around_version_highlight.jpg);background-size:100%;opacity:.6;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_version:hover .fufu_advanced_edition.fufu_green.version_pic{ background-image:url(../images/art/all-around_version_highlight.jpg);background-size:100%;opacity:1;}

.fufu_custom_edition.fufu_golden.version_pic{ background-image:url(../images/art/custom_edition_highlight.jpg);background-size:100%;opacity:.6;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_version:hover .fufu_custom_edition.fufu_golden.version_pic{ background-image:url(../images/art/custom_edition_highlight.jpg);background-size:100%;opacity:1;}

/**服服四大业务范畴：中控智慧服服+服服云平台+服服优品+服服智能设备—20190318**/
.fufu_basic_edition.fufu_lgreen.version_pic{ background-image:url(../images/illustration/index_img_01_fufu.png);background-size:100%; opacity:.9;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_version:hover .fufu_basic_edition.fufu_lgreen.version_pic{ background-image:url(../images/illustration/index_img_01_fufu.png);background-size:100%;opacity:1;}

.fufu_basic_edition.fufu_blue.version_pic{ background-image:url(../images/illustration/index_img_02_cloudplatfom.png);background-size:100%; opacity:.9;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_version:hover .fufu_basic_edition.fufu_blue.version_pic{ background-image:url(../images/illustration/index_img_02_cloudplatfom.png);background-size:100%;opacity:1;}

.fufu_advanced_edition.fufu_green.version_pic{ background-image:url(../images/illustration/index_img_03_fufuyoupin.png);background-size:100%;opacity:.9;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_version:hover .fufu_advanced_edition.fufu_green.version_pic{ background-image:url(../images/illustration/index_img_03_fufuyoupin.png);background-size:100%;opacity:1;}

.fufu_custom_edition.fufu_golden.version_pic{ background-image:url(../images/illustration/index_img_04_device.png);background-size:100%;opacity:.9;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_version:hover .fufu_custom_edition.fufu_golden.version_pic{ background-image:url(../images/illustration/index_img_04_device.png);background-size:100%;opacity:1;}
/**服服四大业务范畴：中控智慧服服+服服云平台+服服优品+服服智能设备—20190318 end**/

.advantage_highlights_module_mobile{display:none;}
.advantage_highlights_module{width:1200px;min-width:1200px;margin:0 auto;margin-top:60px;}
.fufu_advantage{padding:40px 20px;margin-bottom:80px;}
.fufu_advantage{transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_advantage:hover{background-color:#FAFBFF;box-shadow:0 3px 15px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08); }
.advantage_content{text-align:center; margin:40px 0; height:40px;}
.advantage_content h2{font-size:18px;color:#333;margin-bottom:14px;}
.advantage_content p{font-size:16px;color:#666;line-height: 24px;}
.fufu_advantage:hover .version_content h2{color:#222;}
.fufu_advantage:hover .version_content p{color:#555;}

.fufu_news_module{width:1200px;min-width:1200px;margin:0 auto;margin-top:60px;}
.fufu_news{margin-bottom:80px;height:290px;width:370px;margin-right:10px;background-color:#fff;transition: all .2s linear;-moz-transition: all .2s linear; /* Firefox 4 */-webkit-transition: all .2s linear; /* Safari 和 Chrome */-o-transition:all .2s linear; /* Opera */}
.fufu_news:hover{background-color:#fff;box-shadow:0 15px 30px rgba(0, 0, 0, 0.08);-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);margin-top:7px;}
.fufu_news_content{padding:12px;text-align:left;padding:20px 12px;}
.fufu_news_content h2{font-size:18px;color:#333;margin-bottom:5px;}
.fufu_news_content p{font-size:14px;color:#999;line-height: 24px;}
.fufu_news:hover .fufu_news_content h2{color:#222;}
.fufu_news:hover .fufu_news_content p{color:#555;}


/**服服云考勤机模块**/
#CAM_module ul{width:1200px;height:150px;display:block;padding-top:15px;}
#CAM_module li{float:left;width:184px;font-size:20px;color:#333;}
#CAM_module .CAM_character{padding:36px 0;}
#CAM_module .fufu_CAM{height:230px;}
#CAM_module .CAM_green_bg{background-image:url(../images/art/CAM_green_bg.png);background-repeat: round;}
#CAM_module .CAM_blue_bg{background-image:url(../images/art/CAM_blue_bg.png);background-repeat: round;}
#CAM_module .CAM_yellow_bg{background-image:url(../images/art/CAM_yellow_bg.png);background-repeat: round;}
#CAM_module .fufu_CAM{margin-bottom: 80px;height: 230px;width: 370px;margin-right:10px;color:#fff;
transition: all .2s linear;
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
-o-transition: all .2s linear;}
#CAM_module .fufu_CAM_content h2{margin-top:20px;font-size:20px;margin-bottom:12px;}
#CAM_module .fufu_CAM_content p{font-size:16px;border:1px solid #fff;border-radius:12px;margin: 0 auto;margin-bottom:12px;line-height: 1.42857143;}
#CAM_module .CAM_green_bg p{width:16%;}
#CAM_module .CAM_blue_bg p{width:20%;}
#CAM_module .CAM_yellow_bg p{width:26%;}
.fufu_CAM:hover {margin-top:10px;background-color: #fff;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}
/**服服云考勤机模块**/




/*********************************在线测算模块样式***************************************/
.product_online_budget_background{width:100%;background-color:#FFF;padding-bottom:80px}
.product_online_budget_background .product_title{text-align:center;font-size:36px;font-family:microsoft yahei !important;color:#333;padding:70px 0;line-height:130%}
.product_online_budget_measure{background-color:#FFF;width:800px;margin:0 auto}
.product_online_number_employees{height:60px;box-shadow: 0 3px 12px rgba(0,0,0,0.08);-moz-box-shadow:0 3px 12px rgba(0,0,0,0.08); -webkit-box-shadow:0 3px 12px rgba(0,0,0,0.08);border-radius:4px;}
.product_online_number_employees .product_online_staff{line-height:60px;margin-left:20px}
.product_online_number_employees .product_online_staffimg{float:right}
.product_online_number_employees .product_online_staffdiv{width:320px;height:60px;line-height:60px;border-right:1px solid #eee;float:left;font-size:16px;color:#666;font-family:microsoft yahei !important;cursor:pointer}
.product_online_number_employees .product_online_editiondiv{width:480px;height:60px;line-height:60px;float:left;font-size:16px;color:#666;font-family:microsoft yahei !important;cursor:pointer}
.product_online_number_employees .product_online_edition{line-height:60px;margin-left:16px}
.product_online_number_employees .product_online_editionimg{float:right}
.product_online_number_employees .product_online_immediatediv{width:400px;height:60px;line-height:60px;background-color:#53afff;float:right;text-align:center;font-size:20px;color:#FFF;font-family:microsoft yahei !important;border-radius:0px 4px 4px 0px;cursor:pointer;transition:all 200ms ease-out}
.product_online_immediatediv:hover{background-color:#4da3ee}
.product_online_package_charge{height:100px;background-color:#fafafa;margin-top:20px;border-radius:4px 4px 0px 0px}
.product_online_package_charge_title{text-align:center;line-height:100px}
.product_online_package_charge_title .package_charge.customized{font-size:18px;color:#666;font-family:microsoft yahei !important}
.product_online_package_charge_title .package_charge.price{font-size:48px;color:#ff6600;font-family:microsoft yahei !important}
.product_online_package_charge_title .package_charge.year{font-size:18px;color:#666;font-family:microsoft yahei !important}
.product_online_policy_description{height:50px;background-color:#fff2ea;border-radius:0px 0px 4px 4px;padding-left:20px;}
.product_online_policy_description span{font-size:13px;color:#ff8c3f;font-family:microsoft yahei !important}
.consulting_customer_service{width:200px;height:48px;border:1px solid #53afff;margin:0 auto;border-radius:4px}
.consulting_customer_service_div{text-align:center;cursor:pointer}
.consulting_customer_service_div img{margin-right:5px}
.staff_hidden_fields_big_box{position:absolute;z-index:999;background-color:#FFF;width:320px;box-shadow:0 2px 30px rgba(0,0,0,0.05)}
.staff_hidden_fields_big_box .product_online_staff.in{background-color:#53afff;color:#FFF;width:320px;height:60px;margin-left:0px;padding-left:20px}
.edition_hidden_fields_big_box{position:absolute;z-index:999;background-color:#FFF;width:480px;box-shadow:0 2px 30px rgba(0,0,0,0.05)}
.edition_hidden_fields_big_box .product_online_edition.in{background-color:#53afff;color:#FFF;width:480px;height:60px;margin-left:0px;padding-left:20px}
.onine_cal_tips{color:#999;text-align:center;line-height:150%;margin-top:20px;}
.onine_cal_tips img{vertical-align:inherit;margin-right:20px;}
.onine_cal_tips span{font-size:32px;color:#666;}
.gray_class{color:#ccc;}

/********************************在线测算模块样式****************************************/

/********************************客户LOGO****************************************/
.Connection{ background:#fff; padding-bottom:60px }
.Connection header .module_title{margin-bottom:60px}
.fufu_Connection_logos{width:958px; height:370px; background:url(../images/logos.png) no-repeat; margin:0 auto; }

/********************************客户LOGO****************************************/

.more_news_btn{border:1px solid #53afff;border-radius:4px;width:200px;height:48px;font-size:18px;color:#53afff;margin:0 auto;text-align:center;line-height:46px;margin-bottom:80px;}
.four_version_module .more_news_btn{margin-bottom:80px;}
.more_news_btn img{vertical-align: inherit;}
.experience_module{ background:url(../images/art/index_footer_img.png) no-repeat center;height:373px;width:100%;padding-top:51px;}
.experience_module .experience_btn{border:1px solid #fff;border-radius:4px;width:200px;height:48px;font-size:18px;color:#fff;margin:0 auto;text-align:center;line-height:46px;}

@media (min-width: 768px) and (max-width: 1024px){	
	#fufu_index br{display:block;}
	.index_selected a{color:#53afff !important;}
	.charge_version{margin:0 auto;}
	.video_screen{line-height:0}
	.video_screen .video_mask{top:0;}
	.video_screen .fufu_slogan{font-size:36px;margin:50px auto;}
	.video_screen .video_mask .play_icon img{width:80px;height:80px;}
	.video_screen .video_mask .play_icon{margin-bottom:40px;}
	.video_screen .more_video {margin: 100px auto 20px auto;}
	.fufu_version{width:240px;height:360px;}
	.version_pic{height:130px;}
	.col-sm-45{margin:15px 6px;}
	.version_module{width:768px;min-width:768px;padding:0 5px;}
	.version_content{margin:20px;}
	.version_content h2{font-size:24px;}
	.fufu_basic_edition.fufu_lgreen.version_pic{ background-image:url(../images/art/base_version_highlight.jpg);background-size:100%;}
	.fufu_basic_edition.fufu_blue.version_pic{ background-image:url(../images/art/standard_edition_highlight.png);background-size:100%;}
	.fufu_advanced_edition.fufu_green.version_pic{ background-image:url(../images/art/all-around_version_highlight.png);background-size:100%;}
	.fufu_custom_edition.fufu_golden.version_pic{ background-image:url(../images/art/custom_edition_highlight.png);background-size:100%;}
	
	/**服服云考勤机模块**/
	#CAM_module{padding-bottom:80px;background-color: #fafafa;}
	#CAM_module ul{margin-left:-30px;}
	#CAM_module li{width:124px;font-size: 16px;}
	.fufu_news_module {width: 768px;min-width: 768px;}
	#CAM_module .fufu_CAM{margin:6px;}
	.fufu_CAM_btn{height:230px;}
	.fufu_news.fufu_CAM img {margin-top:24px;}
	#CAM_module .fufu_news_more .fufu_CAM{color:#666;}
	.fufu_CAM_module{width:768px;}
	/**服服云考勤机模块**/
	
	/**测算模块**/
	.product_online_budget_measure{width:720px;}
	.product_online_number_employees .product_online_staffdiv,.staff_hidden_fields_big_box,.staff_hidden_fields_big_box .product_online_staff.in{width:300px;font-size:15px;}
	.product_online_number_employees .product_online_editiondiv,.edition_hidden_fields_big_box,.edition_hidden_fields_big_box .product_online_edition.in{width:420px;font-size:15px;}
	.product_online_policy_description{padding-left:12px;padding-right:12px;}
	.product_online_policy_description span{font-size:12px;}
	/**测算模块**/
	.advantage_highlights_module {width:768px;min-width:768px;}
	.fufu_news_module{width:768px;min-width:768px;}
	.more_news_btn{display:none;}
	.fufu_news_more{display:block !important;}
	.fufu_news_more .fufu_news{background-color:#eee;}
	.fufu_news_more img{margin-top:50px;}
	.fufu_news{transition:none;}
	.fufu_news:hover{background-color:#fff;box-shadow:none;margin-top:15px;background-color:#eee;}
	#fufu_index footer.dark-bg{margin-top:0;}
	/**客户logo**/
	.Connection{ background:#fff; padding-bottom:60px }
	.Connection header h1{margin-bottom:60px}
	.fufu_Connection_logos{width:670px; height:370px; background:url(../images/logos2.png); margin:0 auto; }
	/**客户logo**/
}

@media (max-width: 767px){
body{line-height:150%;}
.navbar-brand img {max-height: 40px!important;}
.index_selected a{color:#53afff !important;}
.fufu_theme_mobile{width:100%;height:210px;text-align: center;color:#fff;font-size:20px;line-height: 160%;padding: 80px 60px;display:block;background-image:url(../images/art/fufu_theme_mobile.png);background-size:100%;}
.video_screen{display:none;}
.video_screen{line-height:0}
.video_screen .video_mask{top:0;}
.video_screen .fufu_slogan{font-size:36px;margin:50px auto;}
.video_screen .video_mask .play_icon img{width:80px;height:80px;}
.video_screen .video_mask .play_icon{margin-bottom:40px;}
.video_screen .more_video {margin: 100px auto 20px auto;}
.fufu_slogan,.video_two_btn,.more_video{display:none;}
.video_screen .video_mask .play_icon img {width: 50px;height: 50px;margin-top:45px;}

#fufu_index h1,.product_online_budget_background .product_title{font-size:20px;}
#fufu_index p{font-size:14px;}
.charge_version{padding:0 0 20px 0;}
.fufu_version{width:300px;height:360px;}
.version_pic{height:162px;}
.version_content{margin:30px 20px;}
.version_content h2{font-size:18px;}
.col-sm-45{margin:15px auto;}
.version_module,.advantage_highlights_module{width:100%;min-width:320px;padding:0 5px;margin-top:40px;}
.fufu_basic_edition.fufu_lgreen.version_pic{ background-image:url(../images/art/base_version_highlight.jpg);background-size:100%;}
.fufu_basic_edition.fufu_blue.version_pic{ background-image:url(../images/art/standard_edition_highlight.png);background-size:100%;}
.fufu_advanced_edition.fufu_green.version_pic{ background-image:url(../images/art/all-around_version_highlight.png);background-size:100%;}
.fufu_custom_edition.fufu_golden.version_pic{ background-image:url(../images/art/custom_edition_highlight.png);background-size:100%;}
.version_module{display:none;}
.version_module_mobile{display:block;}

/**服服云考勤机模块**/
#CAM_module .fufu_CAM{width:85%;margin-bottom:10px;margin-right: auto;}	
#CAM_module .fufu_CAM_content{padding-top:1px;}
#CAM_module .fufu_CAM_content h2 {margin-top: 19px;}
.fufu_CAM_module {width: 100%;min-width: 320px;padding: 0 5px;margin-top: 30px;}
#CAM_module ul {width: auto;margin-bottom: 150px;}
#CAM_module li{width: 30%;font-size:16px;}
#CAM_module .CAM_character{padding: 20px 0 36px 0;}
/**服服云考勤机模块**/

/**测算模块**/
.product_online_budget_background .product_title{padding:40px 0;}
.product_online_budget_measure{width:300px;}
.product_online_number_employees{box-shadow:none;}
.product_online_staffdiv,.product_online_editiondiv{height: 60px;box-shadow: 0 3px 12px rgba(0,0,0,0.08);-moz-box-shadow: 0 3px 12px rgba(0,0,0,0.08);-webkit-box-shadow: 0 3px 12px rgba(0,0,0,0.08);border-radius: 4px;}
.product_online_number_employees .product_online_staffdiv,.product_online_number_employees .product_online_editiondiv{height:49px;line-height:49px;font-size:12px;border-right:none;width:300px;margin-bottom:20px;}
.product_online_number_employees .product_online_staff,.product_online_number_employees .product_online_edition{line-height:49px;margin-left:10px;}
.product_online_staffimg,.product_online_editionimg{width:49px;}
.staff_hidden_fields_big_box,.staff_hidden_fields_big_box .product_online_staff.in,.edition_hidden_fields_big_box,.edition_hidden_fields_big_box .product_online_edition.in{width:300px;}
.staff_hidden_fields_big_box .product_online_staff.in,.edition_hidden_fields_big_box .product_online_edition.in{height:49px;}
.product_online_package_charge{margin-top:80px;}
.default_price,.no_have_price{font-size:14px;padding:20px 10px;}
.no_have_price{padding-top:40px;}
.product_online_package_charge_title{line-height:150%;}
.have_price{line-height:300%;padding:0 36px;}
.product_online_package_charge_title .package_charge.price{font-size:36px;}
.product_online_package_charge_title .package_charge.customized,.package_charge year,.product_online_package_charge_title .package_charge.year{font-size:14px;}
.product_online_policy_description{height:100px;padding:10px;}
.product_online_policy_description span{font-size:12px;}
.product_online_policy_description img{width:16px;}
.onine_cal_tips {font-size:12px;padding:0 10px;}
.onine_cal_tips br{display:block;}
.onine_cal_tips span{font-size:24px;}
.onine_cal_tips img{width:20px;margin-right:10px;}
.product_online_budget_background{padding-bottom:40px;}
/**测算模块**/

.advantage_highlights_module{display:none;}
.advantage_highlights_module_mobile{display:block;}

.advantage_content h2{font-size:16px;}
.advantage_highlights_module_mobile{padding:0 40px;}
.dynamic_news_module{padding-top:0;padding-bottom:30px;}
.fufu_news_module{width:100%;min-width:320px;padding:0 5px;margin-top:30px;}
.fufu_news{width:300px;height:230px;}
.fufu_news_content{padding:10px 8px;}
.fufu_news_content h2{font-size:15px;}
.more_news_btn{height:44px;line-height:42px;font-size:16px;margin-bottom:40px;}
.more_news_btn img {vertical-align: text-top;}
#fufu_index footer.dark-bg{margin-top:0;}
.experience_module .experience_btn{height:44px;line-height:42px;font-size:16px;}
.index_friend1{display:none;}
/**客户logo**/
.Connection{ background:#fff; padding-bottom:10px;padding-top:0px }
.Connection header h1{margin-bottom:30px;}
.fufu_Connection_logos{width:300px; height:249px; background:url(../images/logos3.png); margin:0 auto; }
/**客户logo**/
}

/**服服云考勤机模块**/
.hardware_banner{background-image:url(../images/art/device_banner.png);
    width: 100%;
    height: 540px;
    background-position: center !important;
    background-size: cover;}
.hardware_title .hardware_title_disp{font-size:16px;color:#666;padding:15px 0;line-height:150%;}
.hardware_module_03 table{margin-left:14px;font-size:18px;}
.hardware_table_title{font-size:24px;color:#fff;background: -webkit-linear-gradient(left,#5de596,#00cda1);}
.hardware_table_title_01{font-size:20px;color:#333;}
.hardware_title_tips{margin:0 14px;font-size:16px;color:#666;padding:15px 0;line-height:150%;}
.hardware_link_mobile{display:none;}

@media (max-width: 1024px) and (min-width: 768px){
.hardware_banner{height:360px;}
.items.col-4.gap .W1_img{width:720px;}
.items .W1_img img{width:100%;}
.hardware_module_03 table{width:100% !important;font-size:14px;margin-left:0;}
.hardware_module_03 table td{padding:2px;}
.hardware_table_title{font-size:20px;}
.hardware_table_title_01{font-size:16px;}
}

@media (max-width: 767px){
.items .W1_img img{max-width: fit-content;height:100%;}
.hardware_banner{height:22vh;margin-top: 60px;}
.hardware_module_03 table{width:100% !important;font-size:12px;margin-left:0;}
.hardware_module_03 table td{padding:2px;}
.hardware_table_title{font-size:18px;}
.hardware_table_title_01{font-size:14px;}
.hardware_title_tips{font-size:14px;}


.hardware_link{display:none;}
.hardware_link_mobile{display:block;}
}
/**服服云考勤机模块**/

/**SEO调整标签_20180528**/
#Error{line-height:1.42857143;}
.error_mobile{display:none;}
.error{width:1024px;height:400px;margin:100px auto;}
.error .error_word,.error .error_img{float:left;width:50%;}
.error .error_img{margin-top:-80px;}
.error .error_404{font-size:150px;color:#53afff;font-weight:bold;}
.error img{max-width:530px;width:100%;}
.error .no_found{font-size:40px;color:#404040;font-weight:bold;}
.error .tips{font-size:24px;color:#666;}
.error a{height:40px;text-decoration:none;}
.error .comeback_btn{width:200px;text-align:center;margin-top:40px;color:#53afff;border:1px solid #53afff;border-radius:4px;line-height:40px;font-size:16px;}
.error .comeback_btn:hover {border: 1px solid #4c9fe8;color: #4c9fe8;}
header .module_title{font-size: 36px;line-height: 130%;color: #333;margin:45px 0 25px 0;letter-spacing: 0.025em;}
.module_title.side_title{font-size:18px;margin:10px 0;}

@media (max-width: 1024px) and (min-width: 768px){
	.error{max-width:1024px;height:400px;margin:80px auto;padding:0 50px;}
	.error .error_word,.error .error_img{float:left;width:40%;margin-top: 80px;}
	.error .error_404{font-size:120px;}
	.error .no_found{font-size:36px;}
	.error .tips{font-size:20px;}
	.error img{max-width:320px;width:100%;}
	}
	
@media (max-width: 767px){
	.error{display:none;}
	.error_mobile{display:block;text-align:center;}
	.error_mobile img{width:50%;}
	.error_mobile .error_404{font-size:80px;color:#53afff;font-weight:bold;}
	.error_mobile img{max-width:240px;width:100%;}
	.error_mobile .no_found{font-size:20px;color:#404040;font-weight:bold;}
	.error_mobile .tips{font-size:16px;color:#666;}
	.error_mobile a{height:40px;text-decoration:none;text-align:center;}
	.error_mobile .comeback_btn{width:200px;text-align:center;margin:40px auto;color:#53afff;border:1px solid #53afff;border-radius:4px;line-height:40px;font-size:16px;}
	.error_mobile .comeback_btn:hover {border: 1px solid #4c9fe8;color: #4c9fe8;}	
	header .module_title{font-size: 20px;line-height: 36px;margin: 30px 0;letter-spacing: .0125em;}
	}
/**SEO调整标签_20180528**/
/**SEO调整标签_20180528**/

/**企业微信推广页面_20180827**/	
a:hover .logo{opacity:.9;}
.navbar-nav .fufu_btn{position:absolute;right:0;z-index:999;}
@media (min-width:1024px){
.navbar-brand{max-width:70px;}
.navbar-nav{padding-left:235px;}
.navbar-brand-wework{max-width:110px;position: absolute;left:110px;top:25px;}
.navbar-collapse.collapse.stuck .navbar-brand img{max-height:40px !important;}
.wework-banner{background-image:url(../images/wework/wx_banner.png);background-repeat:no-repeat;width:100%;height:450px;background-position: center !important;background-size:cover;}
}
a.dropdown-toggle.js-activated{font-size:15px !important;}
li.dropdown{padding:0 16px;}
.register.button-right a,.sign-in.button-right a,.VIP-sign-in.button-right a{font-size:14px;padding:3px 18px 4px 18px;margin-top:18px;}
.register.button-right{margin-right:8px;}

#wework{background-color:#fff;}
.btn-BoxWe{width:100%;min-width:100%;height:220px;background:#fafafa;padding-top:70px;}
.mid-btn-BoxWe{width: 1200px;margin: 0 auto;}
.mid-btn-BoxWe .fl{width: 50%;text-align: center;}
.fl{float: left;}
.fz14 {font-size:14px;}
.mid-btn-BoxWe .fl a{display:inline-block;width:300px;height:40px;text-align:center;}
.mid-btn-BoxWe .fl a img{width:300px;}
.pro-bigBox, .proBox {width: 100%;min-width:100%;}
.proBox.proBox-mobile{display:none;}
.proBox-list {height: 620px;background-color:#fff;}
.proBox-listWhite {width: 1200px;margin: 0 auto;color: #768187;}
.proBox-listWhite .fz18 {line-height: 30px;}
.fz16{font-size:16px;}
.fr{float: right;}
.proBox-list.bg_gray{background-color:#fafafa;}
.proBox-list .fl,.proBox-list .change_position .fr{margin-top:60px; margin-left:90px;}
.proBox-list .fr,.proBox-list .change_position .fl{margin-top:250px;padding-right:60px;}
.proBox-list .wx_title{font-size:30px;color:#333;margin-bottom:16px;}
.mid-btn-BoxWe .fl p{color:#666;width:100%;margin-bottom:18px;}
.btn-BoxWe.sec_bg{background-image:url(../images/wework/sec_bg_image.png);background-repeat:no-repeat;width:100%;height:220px;background-position: center !important;background-size:cover;}
@media (max-width:1024px){
.wework-banner{background-image:url(../images/wework/wx_banner_mobile.png);background-repeat:no-repeat;width:100%;background-position: center !important;background-size:cover;}
.btn-BoxWe{height:350px;}
.mid-btn-BoxWe{width:100%;}	
.mid-btn-BoxWe .fl,.mid-btn-BoxWe .fr{width:100%;margin-bottom:50px;}
.proBox-listWhite {width: 100%;}
.proBox{display:none;}
.proBox.proBox-mobile{display:block;}
.proBox-list{margin-top:40px;height:auto;}
.proBox-list .fl, .proBox-list .change_position .fr,.proBox-list .fr, .proBox-list .change_position .fl{margin:0px auto;text-align:center;padding:10px 20px;float:none;}
.proBox-list .wx_title{font-size:20px;}
.fz16 {font-size:14px;}
.btn-BoxWe.sec_bg{background-image:url(../images/wework/sec_bg_image.png);background-repeat:no-repeat;width:100%;height:350px;background-position: center !important;background-size:cover;}
.proBox-list.bg_gray {background-color:#fff;}
}
@media (max-width: 769px){
.height-sm.wework-banner{height:60vh;}
footer.dark-bg {margin-top:0px;}}
@media (min-width: 768px) and (max-width: 1024px){.height-sm.wework-banner{height:80vh;}}
/**企业微信推广页面_20180829**/	

/**服服收费公告弹窗_20181227**/	
/* 弹窗的公共样式 */
#noticeModal{/* 解决在线咨询弹窗的层级在modal组件之上的问题 */z-index: 2000000001;}
#noticeModal .modal-backdrop{background-color: #000;} 
#noticeModal .modal-backdrop.fade{filter: alpha(opacity=50);opacity: .5;}
.notice-modal-dialog{border-radius: 3px;margin:120px auto;}
.notice-modal-content{height: auto;border: none;box-shadow: 0 0 0 0;-webkit-box-shadow: 0 0 0 0;overflow: hidden;}
.notice-modal-header{width: 100%;position: relative;height: 135px;}
.header-bg-img{width: 100%;height: 100%; }
.notice-modal-dialog img{width: 100%;height: 100%; max-height: 100%;max-width: 100%;display: block;} 
.header-close-icon{position: absolute;right: 10px;top: 10px;width: 20px;height: 20px;opacity:.8;}
.header-close-icon:hover{ cursor:pointer;opacity:1;}
.notice-modal-body{padding: 30px 20px;font-size: 16px;background-color: #fff;color: #000;font-family: "MicrosoftYaHei";height: 280px;box-sizing: border-box;}
.body-content-middle{padding: 15px 0 20px 32px;}
.body-content-bottom{text-indent: 32px;}
.body-btn{width: 120px;height: 42px;color: #fff;border-radius: 2px;margin: 30px auto 0;text-align: center;line-height: 42px;background-color: #53afff;}
.body-btn:hover{cursor:pointer;background-color:#51aaf8;}
/* 弹窗的公共样式 */

/* 当设备宽度小于768px时 使用的样式 */
@media screen and (max-width: 768px) {.notice-modal-dialog{width: 311px;border-radius: 6px;}}
/* 当设备宽度大于768px时 使用的样式 */
 @media screen and (min-width: 768px) {.notice-modal-dialog{width: 652px;}.notice-modal-header{height: 190px;}
    .notice-modal-body{padding: 32px 32px 24px;font-size: 16px;height: 300px;}
    .body-content-middle{padding: 16px 0 20px 32px;}
    .body-content-bottom{text-indent:32px;}
    .body-btn{width: 120px;height: 42px;margin: 56px auto 0;line-height: 42px;border-radius: 4px;}
}
/**服服收费公告弹窗_20181227**/	


/**服服凡科建站_20190429**/	

.collapse{padding: 0!important;}
li.dropdown{height: 72px;box-sizing: border-box;}
			
.navbar .container{width:1200px;}
.footer-bottom a:hover,.footer-bottom a:active{color:#fff;}
.custome_logo{width:200px;height:60px;float: left;overflow:hidden;margin:0 48px 0 0;
	transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;}
.item.thumb.identity{top:6px !important;}


/**首页公告轮播**/
.huadong .toutiao{width:110px;height:60px; background:url("../images/art/fufu_toutiao.png") no-repeat center;}
.huadong {width:100%;height:60px;position:relative;margin:0 auto;}
.huadong .huabox {  margin:0 auto; width:1170px; line-height:60px;}
.huadong .hdimg {float:left;line-height: 55px;margin-left: 10px;}
.huadong .hdimg img { width: 100%; vertical-align:middle;}
.huadong h5 {font-size:20px;float:left; line-height:60px;color:#53afff;font-weight:bold;}
.huadong .notice_active {float: left;width:81%;height:60px;padding: 0;overflow: hidden;position: relative;}
.huadong .notice_active li{list-style-type:none;line-height:60px;overflow: hidden;}
.huadong .notice_active li.notice_active_ch{color:#333;font-size:16px;display: block;overflow: hidden; width:80%;float: left;overflow: hidden;}
.huadong .notice_active ul{margin-left:-30px;}
.huadong .new_mark{margin-top:-2px;margin-left:5px;}
/**首页公告轮播**/

.customer_logo_01,.customer_logo_06{margin-left:-20px;}
.customer_logo_05,.customer_logo_10{margin-right:-20px;}
.customer_logo_01{background: url("../images/customer_logo/custom_logo/1_gray.png");}
.customer_logo_01:hover{background: url("../images/customer_logo/custom_logo/1_colorful.png");}
.customer_logo_02{background: url("../images/customer_logo/custom_logo/2_gray.png");}
.customer_logo_02:hover{background: url("../images/customer_logo/custom_logo/2_colorful.png");}
.customer_logo_03{background: url("../images/customer_logo/custom_logo/3_gray.png");}
.customer_logo_03:hover{background: url("../images/customer_logo/custom_logo/3_colorful.png");}
.customer_logo_04{background: url("../images/customer_logo/custom_logo/4_gray.png");}
.customer_logo_04:hover{background: url("../images/customer_logo/custom_logo/4_colorful.png");}
.customer_logo_05{background: url("../images/customer_logo/custom_logo/5_gray.png");}
.customer_logo_05:hover{background: url("../images/customer_logo/custom_logo/5_colorful.png");}
.customer_logo_06{background: url("../images/customer_logo/custom_logo/6_gray.png");}
.customer_logo_06:hover{background: url("../images/customer_logo/custom_logo/6_colorful.png");}
.customer_logo_07{background: url("../images/customer_logo/custom_logo/7_gray.png");}
.customer_logo_07:hover{background: url("../images/customer_logo/custom_logo/7_colorful.png");}
.customer_logo_08{background: url("../images/customer_logo/custom_logo/8_gray.png");}
.customer_logo_08:hover{background: url("../images/customer_logo/custom_logo/8_colorful.png");}
.customer_logo_09{background: url("../images/customer_logo/custom_logo/9_gray.png");}
.customer_logo_09:hover{background: url("../images/customer_logo/custom_logo/9_colorful.png");}
.customer_logo_10{background: url("../images/customer_logo/custom_logo/10_gray.png");}
.customer_logo_10:hover{background: url("../images/customer_logo/custom_logo/10_colorful.png");}
.more_case_btn{margin-top:60px;}
.evaluate_module{background-color:#fff;height:600px;}
.evaluate_module .com_title{padding-top:80px;}
.evaluate_module_detail{width:90%;height:400px;position:relative;padding:0 10%;box-sizing: border-box;margin:30px 120px;}
.evaluate_module .glyphicon.glyphicon_left,.evaluate_module .glyphicon.glyphicon_right{border: 3px #555 solid;border-left: none;border-top: none;}
.evaluate_module .carousel-indicators li{background-color: rgba(0,0,0,.5);}
.evaluate_module .carousel-indicators .active{background-color:#53afff;}
.evaluate_module .back_now_big_box .back_now_img{float:left;padding: 10px 30px 10px 20%;}
.evaluate_module .back_now_big_box .back_now_content {float: left;padding:5px;}
.evaluate_module .back_now_content h3{text-align:left;font-weight:bold;}
.evaluate_module .back_now_content p{text-align: left;font-size: 16px;color: #999;}
.evaluate_module .evaluate_mark{width:100px;height:36px;background-color:#e6e8eb;border-radius: 4px; float:left;line-height:36px;margin-right:20px;}
.evaluate_module .back_now_content img{float:right;}
.evaluate_content{font-size:16px;text-align:left;line-height:32px;margin-top:120px;float:none;margin:120px 20%;}
.evaluate_module .carousel-control.left,.evaluate_module  .carousel-control.right{height:300px;width: 36%;}
.evaluate_module .carousel-inner{height:400px;}
.evaluate_module .carousel-indicators{margin-top:-200px;}
.fufu_headlines{height:80px;background:#fff;}
.mask_modal{position: absolute;left: 0;right: 0;height: 0px;opacity:0;background-color:#fff;overflow:hidden;}
.mask_modal .side_nav_title{font-size:18px;color:#53afff;margin-bottom:15px;display: block;}
.mask_modal .side_nav_text{display:block;font-size:16px;}
.mask_modal ul{width: 900px;margin: 0 auto;}
.mask_modal li{float:left;padding:30px 75px;}
.mask_modal li a{line-height:40px;color:#333;}
.mask_modal .download_qr{float:left;width:150px;margin-left:-50px;margin-top: 20px;}
.mask_modal .download_text{color:#333;font-size:16px;padding:0;text-align:center;margin-top:10px;display: block;}
/**小屏适配**/
@media (max-width: 767px){
	.wpa-container,.huadong,.dynamic_news_module,.kehuanli,.more_news_btn,.experience_module,.link_four,.quick_entry,.evaluate_module{display:none !important;}
	header .module_title{margin: 50px 0 0 0;}
	.module_title.side_title{font-size:14px;line-height: 130%;margin:10px 0 30px 0;}
	.advantage_highlights_module_mobile{padding: 0 45px;}
	.advantage_highlights_module{display:block;width:80%;}
	.select_fufu{display:block !important;}
	.content_box .com_title{width:100%;}
}
@media (min-width: 768px) and (max-width: 1024px){
	.huadong .huabox{width:100%;padding:0 20px;}
	.huadong .notice_active{width: 70%;}
	.fufu_version{width:168px;}
	.huadong .notice_active li.notice_active_ch,.gg_more{font-size:14px;}
	.fufu_module .version_content h2{font-size:16px;}
	.fufu_module .version_content p{font-size:12px;line-height: 120%;}
	.fufu_module.version_content{height:60px;}
	.fufu_module.version_content {padding: 12px;}
	.fufu_basic_edition.fufu_lgreen.version_pic{background-image:url(../images/illustration/index_img_01_fufu.png);background-repeat: no-repeat;}
	.fufu_basic_edition.fufu_blue.version_pic{background-image:url(../images/illustration/index_img_02_cloudplatfom.png);background-repeat: no-repeat;}
	.fufu_advanced_edition.fufu_green.version_pic{background-image:url(../images/illustration/index_img_03_fufuyoupin.png);background-repeat: no-repeat;}
	.fufu_custom_edition.fufu_golden.version_pic {background-image:url(../images/illustration/index_img_04_device.png);background-repeat: no-repeat;}
	.version_pic {height: 100px;}
	.fufu_module .fufu_version {height: 156px;}
	header .module_title{font-size:24px;margin: 10px 0 15px 0;}
	.module_title.side_title{font-size:16px;}
	.advantage_highlights_module .col-sm-45 {width: 240px;}
	.advantage_highlights_module{margin-top:20px;}
	.fufu_advantage_pic img{width:100%;}
	.items li img{width:160px;}
	.custome_logo{width:144px;margin:0;}
	.custome_logo,.customer_logo:hover{background-size:100% !important;background-repeat: no-repeat !important;}
	.evaluate_module .com_title{padding-top:40px;margin-top:0;}
	.evaluate_module_detail{width:100%;margin: 30px 0;}
	.evaluate_module .back_now_big_box .back_now_img {padding: 10px 30px 10px 0;}
	.evaluate_content{margin: 120px 0 60px 0;}
	.evaluate_module{height:500px;}
	.fufu_news_module{margin-top:30px;}
	.FufuWeChat{display:none;}

	
	
}